.sura-rail{display:block;padding-top:var(--rail-pt, 16px);padding-bottom:var(--rail-pb, 16px);background:var(--rail-bg, #fff);font-family:var(--sura-font, "Poppins", system-ui, sans-serif)}.sura-rail__heading{margin:0 0 16px;font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:700;line-height:1.2}.sura-rail__viewport{position:relative}.sura-rail__track{display:flex;gap:var(--rail-gap, 12px);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.sura-rail__track::-webkit-scrollbar{display:none}.sura-rail__track:focus-visible{outline:2px solid #14213d;outline-offset:3px}.sura-rail__track{padding-inline:var(--sura-gutter, 20px);scroll-padding-inline-start:var(--sura-gutter, 20px);max-width:var(--sura-container, 1440px);margin-inline:auto}.sura-rail--full .sura-rail__track{max-width:none;padding-inline:max(var(--sura-gutter, 20px),calc((100vw - var(--sura-container, 1440px)) / 2 + var(--sura-gutter, 20px)));scroll-padding-inline-start:max(var(--sura-gutter, 20px),calc((100vw - var(--sura-container, 1440px)) / 2 + var(--sura-gutter, 20px)))}.sura-rail__nav{display:contents}.sura-rail__nav[hidden]{display:none}.sura-rail__arrow{display:none;position:absolute;top:50%;translate:0 -50%;z-index:2;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#14213d;box-shadow:0 2px 10px #0003;cursor:pointer;transition:opacity .15s ease}.sura-rail__arrow svg{width:18px;height:18px}.sura-rail__arrow--prev{inset-inline-start:var(--rail-arrow-inset, 8px)}.sura-rail__arrow--next{inset-inline-end:var(--rail-arrow-inset, 8px)}.sura-rail__arrow:disabled{opacity:0;pointer-events:none}.sura-rail__arrow:focus-visible{outline:2px solid #14213d;outline-offset:2px}.sura-rail__item{flex:0 0 calc((100% - (var(--rail-visible, 4) - 1) * var(--rail-gap, 12px)) / var(--rail-visible, 4));scroll-snap-align:start}.sura-rail__card{display:block;height:100%;border-radius:var(--rail-radius, 8px);overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}a.sura-rail__card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000029}a.sura-rail__card:focus-visible{outline:2px solid #14213d;outline-offset:3px}.sura-rail__image{display:block;width:100%;height:100%;aspect-ratio:var(--rail-ratio, var(--card-ratio, 1.5));object-fit:cover;object-position:center}.sura-rail__image--mobile{display:none}@media screen and (max-width:1199px){.sura-rail__item{flex-basis:calc((100% - (var(--rail-visible-tablet, 3) - 1) * var(--rail-gap, 12px)) / var(--rail-visible-tablet, 3))}.sura-rail__arrow{display:inline-flex}}@media screen and (max-width:749px){.sura-rail{padding-top:26px;padding-bottom:40px}.sura-rail__item{flex-basis:calc((100% - var(--rail-visible-mobile, 2) * var(--rail-gap, 12px)) / var(--rail-visible-mobile, 2))}.sura-rail__track,.sura-rail--full .sura-rail__track{padding-inline:var(--sura-gutter, 14px);scroll-padding-inline-start:var(--sura-gutter, 14px)}.sura-rail__arrow{--rail-arrow-inset: 4px;width:30px;height:30px}.sura-rail__arrow svg{width:15px;height:15px}.sura-rail__media:has(.sura-rail__image--mobile) .sura-rail__image--desktop,.sura-rail__card:has(.sura-rail__image--mobile) .sura-rail__image--desktop{display:none}.sura-rail__image--mobile{display:block}}@media(prefers-reduced-motion:reduce){a.sura-rail__card:hover{transform:none}.sura-rail__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sura-banner-rail.css.map */