.ef-subs{display:flex;flex-direction:column;align-items:center;gap:32px;padding:80px clamp(20px,8.3333vw,120px) 112px;background:#213529;color:#fff;letter-spacing:0}.ef-subs p{margin:0}.ef-subs__head{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.ef-subs__eyebrow{color:#7da539;font-size:13px;font-weight:700;line-height:18px;letter-spacing:1.04px}.ef-subs__title{margin:0;color:#fff;font-size:44px;font-weight:600;line-height:59px;letter-spacing:-.88px}.ef-subs__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;width:100%;max-width:1200px}.ef-subs__step{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ef-subs__step:focus-visible{outline:2px solid #7da539;outline-offset:6px;border-radius:18px}.ef-subs__img{position:relative;display:block;aspect-ratio:384 / 337;border-radius:16px;overflow:hidden;background:#ffffff0f}.ef-subs__img img{display:block;width:100%;height:100%;object-fit:cover}.ef-subs .ef-subs__step img{filter:none;opacity:.5;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}.ef-subs .ef-subs__step[aria-current=true] img{opacity:1}.ef-subs .ef-subs__step .ef-subs__bar{display:block;height:1px;background:#ffffff4d}.ef-subs .ef-subs__step .ef-subs__bar>i{background:#fff;transition:width .6s cubic-bezier(.2,.8,.2,1)}.ef-subs__step-title{display:flex;align-items:center;gap:12px;color:#ffffff4d;font-size:26px;font-weight:600;line-height:36px;letter-spacing:-.52px;transition:color .3s}.ef-subs__step-title em{color:#ffffff82;font-size:28px;font-style:normal;line-height:39px;letter-spacing:-.56px;transition:color .3s}.ef-subs__step[aria-current=true] .ef-subs__step-title{color:#fff}.ef-subs__step[aria-current=true] .ef-subs__step-title em{color:#7da539}.ef-subs__text{display:block;color:#ffffffb3;font-size:15px;font-weight:400;line-height:21px;transition:color .3s}.ef-subs__step[aria-current=true] .ef-subs__text{color:#fffc}@media screen and (max-width:989px){.ef-subs{padding:56px 40px 64px}.ef-subs__title{font-size:36px;line-height:44px;letter-spacing:-.72px}.ef-subs__steps{gap:16px}.ef-subs__step-title{font-size:20px;line-height:28px;gap:8px}.ef-subs__step-title em{font-size:22px;line-height:30px}.ef-subs__text{font-size:14px;line-height:20px}}@media screen and (max-width:749px){.ef-subs{gap:24px;padding:40px 20px 48px}.ef-subs__head{gap:12px}.ef-subs__eyebrow{font-size:12px;line-height:16px}.ef-subs__title{font-size:30px;line-height:36px;letter-spacing:-.6px}.ef-subs__steps{grid-template-columns:1fr;gap:28px}.ef-subs__step{gap:12px}.ef-subs__img{aspect-ratio:16 / 11}}@media screen and (min-width:750px){.ef-subs__slider{display:contents}.ef-subs__dots{display:none}.ef-subs__steps[data-ef-track]{display:grid;overflow:visible;scroll-snap-type:none;scroll-behavior:auto;cursor:auto}.ef-subs__step[data-ef-item]{transition:transform .4s var(--ef-ease),opacity .35s}.ef-subs__step[data-ef-item]:hover{transform:none}}@media screen and (min-width:861px){.ef-subs__step[data-ef-item][aria-current=true],.ef-subs__step[data-ef-item][aria-current=true]:hover{transform:translateY(-8px)}}@media screen and (max-width:749px){.ef-subs{gap:28px;padding:56px 20px}.ef-subs__eyebrow{letter-spacing:.96px}.ef-subs__title{font-size:34px;line-height:38px;letter-spacing:-.68px}.ef-subs__slider{display:flex;flex-direction:column;gap:28px;width:calc(100% + 40px);margin:0 -20px}.ef-subs__steps[data-ef-track]{position:relative;display:flex;gap:14px;max-width:none;padding:0 20px;scroll-padding-inline:20px;align-items:flex-start}.ef-subs__step[data-ef-item]{flex:0 0 280px;width:280px;gap:14px}.ef-subs__step[data-ef-item]:hover{transform:none}.ef-subs__img{aspect-ratio:280 / 246}.ef-subs .ef-subs__step img{opacity:1}.ef-subs__step-title{align-items:baseline;gap:10px;color:#fff9;font-size:22px;line-height:28px;letter-spacing:-.44px}.ef-subs__step-title em{color:#fff9;font-size:24px;line-height:30px;letter-spacing:0}.ef-subs__text{font-size:14px;line-height:20px}.ef-subs__dots[data-ef-dots]{gap:6px}.ef-subs__dots[data-ef-dots] button{width:8px;height:8px;border-radius:4px;background:#ffffff4d}.ef-subs__dots[data-ef-dots] button.is-on{width:24px;background:#7da539}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-ef-pdp-subs.css.map */