:root{--bam-black:#000;--bam-white:#fff;--bam-lime:#84cc16;--bam-orange:#f97316;--bam-red:#ef4444;--bam-yellow:#eab308;--bam-sky:#0ea5e9;--pad-x:clamp(16px,4vw,48px);--gutter:clamp(12px,2vw,28px)}.bam-rail{position:relative;height:350vh;background:#fff}.bam-rail__viewport{position:relative;display:flex;align-items:center;width:100%;height:100vh;overflow:hidden;padding-top:clamp(160px,18vh,210px);padding-bottom:clamp(40px,6vh,60px)}.bam-rail__header{position:absolute;top:clamp(30px,4vh,45px);left:var(--pad-x);right:var(--pad-x);display:flex;justify-content:space-between;align-items:flex-start;gap:30px;z-index:50}.bam-rail__heading{max-width:700px}.bam-rail__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#666;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.bam-rail__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--bam-lime)}.bam-rail__title{margin:0;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(24px,3.6vw,48px);line-height:.95;letter-spacing:-.02em;color:#000;max-width:20ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bam-rail__title span{color:var(--bam-lime)}.bam-rail__progress-wrap{position:relative;z-index:60;display:flex;align-items:center;gap:12px;flex-shrink:0;margin-top:4px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:#fff;padding:4px 0}#bamRailStep{min-width:48px;text-align:right;color:#000;white-space:nowrap}.bam-rail__progress{position:relative;width:clamp(80px,15vw,180px);height:3px;overflow:hidden;background:#0000001f;flex-shrink:0}.bam-rail__progress-fill{position:absolute;top:0;left:0;bottom:0;width:0;background:#000;transition:width .1s linear}@media screen and (min-width:1920px){.bam-rail,.bam-influencer{position:relative;height:350vh!important;background:#fff}}.bam-rail__track{position:relative;display:flex;align-items:center;gap:var(--gutter);width:max-content;padding-left:var(--pad-x);padding-right:var(--pad-x);margin-top:clamp(40px,5vh,70px);will-change:transform}.bam-card{position:relative;flex:0 0 auto;width:clamp(280px,40vw,420px);height:min(65vh,560px);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.2vw,28px);transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1);color:#fff;box-sizing:border-box}.bam-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #0000002e}.bam-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#00000059);z-index:1;pointer-events:none}.bam-card>*{position:relative;z-index:2}.bam-card:nth-child(6n+1){background:#000;color:#fff}.bam-card:nth-child(6n+1) .bam-card__title,.bam-card:nth-child(6n+1) .bam-card__text,.bam-card:nth-child(6n+1) .bam-card__desc{color:#fff!important}.bam-card:nth-child(6n+2){background:#84cc16;color:#000}.bam-card:nth-child(6n+3){background:#fff;color:#000;border:2px solid #000}.bam-card:nth-child(6n+4){background:#f97316}.bam-card:nth-child(6n+5){background:#0ea5e9}.bam-card:nth-child(6n){background:#ef4444}.bam-card__top{display:flex;justify-content:space-between;align-items:flex-start}.bam-card__number{font-family:Archivo Black,Inter,sans-serif;font-size:13px;letter-spacing:.14em}.bam-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.bam-card:nth-child(6n+1) .bam-card__badge,.bam-card:nth-child(6n+4) .bam-card__badge,.bam-card:nth-child(6n+5) .bam-card__badge,.bam-card:nth-child(6n) .bam-card__badge{background:#fff;color:#000}.bam-card:nth-child(6n+2) .bam-card__badge,.bam-card:nth-child(6n+3) .bam-card__badge{background:#000;color:#fff}.bam-card:after{content:"BAM";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Archivo Black,Inter,sans-serif;font-size:clamp(70px,10vw,150px);line-height:1;letter-spacing:-.04em;opacity:.08;z-index:0;pointer-events:none}.bam-card__image{display:flex;align-items:center;justify-content:center;flex:1;padding:20px 0}.bam-card__image img{width:100%;max-width:280px;height:auto;object-fit:contain}.bam-card__content{display:flex;flex-direction:column;gap:12px}.bam-card__title{margin:0;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(20px,2.4vw,30px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;font-size:20px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:769px)and (max-width:1440px){.bam-rail__viewport{padding-top:clamp(155px,19vh,200px);padding-bottom:50px}.bam-rail__header{top:30px;left:var(--pad-x);right:var(--pad-x);align-items:flex-start}.bam-rail__progress-wrap{margin-top:2px;z-index:100}.bam-rail__track{margin-top:clamp(45px,6vh,70px)}.bam-card{width:clamp(280px,40vw,420px);height:min(75vh,560px)}.bam-card__title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:991px)and (min-width:769px){.bam-rail{height:350vh}.bam-rail__header{flex-direction:column;align-items:flex-start;gap:20px}.bam-rail__progress-wrap{align-self:flex-start}}@media(max-width:768px){.bam-rail{height:auto}.bam-rail__track{padding-top:0rem!important}.bam-rail__viewport{height:auto;display:block;padding:80px var(--pad-x) 40px;overflow:hidden}.bam-rail__header{position:relative;top:auto;left:auto;right:auto;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}.bam-rail__progress-wrap{display:none}.bam-rail__track{display:flex;flex-direction:column;width:100%;gap:var(--gutter);padding:0;margin-top:0;transform:none!important}.bam-card{width:100%;height:auto;min-height:520px}}.bam-card__subtitle{display:block;margin-top:8px;font-size:.5em;font-weight:400;opacity:.7;line-height:1.35;letter-spacing:.06em}.bam-card__footer{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:12px;border-top:1px solid currentColor;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.9}.bam-card__price{font-family:Archivo Black,Inter,sans-serif;font-size:clamp(18px,2vw,24px);opacity:1}@media screen and (min-width:769px){.bam-rail__header{pointer-events:none}.bam-rail__progress-wrap{pointer-events:auto;background:#fff}.bam-rail__heading{pointer-events:auto}.bam-rail__track{z-index:1}.bam-rail__header{z-index:50}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bam-product-rail.css.map */