.v3-rail{background:var(--base);overflow:clip;padding-bottom:var(--section-space-m)}.v3-rail__head{padding-inline:var(--container-gap);padding-block:var(--section-space-m) var(--space-l)}.v3-rail__head .container{max-width:var(--container-width);margin-inline:auto}.v3-rail__viewport{overflow-x:auto;padding-bottom:var(--space-m);scrollbar-width:none}.v3-rail__viewport::-webkit-scrollbar{display:none}.v3-rail__track{display:flex;align-items:stretch;gap:var(--grid-gap);padding-inline:var(--container-gap);width:max-content}.v3-rail__card{--cat: var(--brand);position:relative;display:flex;flex-direction:column;gap:var(--space-m);width:clamp(17rem,15rem + 20vw,25rem);padding:var(--space-m);border-radius:var(--radius-xl);background:var(--cat);color:var(--text-light);overflow:clip;transition:transform var(--transition),box-shadow var(--transition)}.v3-rail__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-l)}.v3-rail__icon{position:absolute;top:var(--space-m);right:var(--space-m);font-size:2rem!important;color:#fff6}.v3-rail__index{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--eyebrow-tracking);color:#ffffffa6}.v3-rail__media{aspect-ratio:4 / 3;border-radius:var(--radius-m);overflow:hidden;box-shadow:0 1px #ffffff1f inset}.v3-rail__media img{width:100%;height:100%;object-fit:cover;display:block}.v3-rail__body{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:auto}.v3-rail__body h3{color:var(--text-light);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);text-transform:uppercase}.v3-rail__brands{font-size:var(--text-s);color:#fffc;max-width:30ch}.v3-rail__go{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-s);font-weight:600;margin-top:var(--space-xs)}.v3-rail__go .material-symbols-outlined{font-size:18px;transition:transform var(--transition)}.v3-rail__card:hover .v3-rail__go .material-symbols-outlined{transform:translate(4px)}.v3-rail__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);flex-wrap:wrap;padding-inline:var(--container-gap);padding-top:var(--space-m)}.v3-rail__foot .container{max-width:var(--container-width);margin-inline:auto;width:100%;display:flex;align-items:center;gap:var(--space-m)}.v3-rail__controls{display:inline-flex;gap:var(--space-xs);margin-inline-start:auto}.v3-rail__arrow{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--brand) 35%,transparent);background:var(--base);color:var(--brand);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.v3-rail__arrow:hover:not(:disabled){background:var(--brand);color:var(--text-light);border-color:var(--brand)}.v3-rail__arrow:disabled{opacity:.3;cursor:default}.v3-rail__arrow .material-symbols-outlined{font-size:22px}.v3-rail__grid{padding-inline:var(--container-gap)}.v3-category-grid{display:grid;grid-template-columns:1fr;gap:var(--grid-gap);margin-top:var(--space-xl)}.v3-category-grid .v3-rail__card{width:auto}.v3-category-grid .v3-rail__media>*{transition:transform .6s var(--ease-out-expo);will-change:transform}.v3-category-grid .v3-rail__card:hover .v3-rail__media>*{transform:scale(1.05)}@media(min-width:768px){.v3-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.v3-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.v3-category-grid .v3-rail__media>*,.v3-category-grid .v3-rail__card:hover .v3-rail__media>*{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cpfs-section-rail.css.map */