.hb{display:flex;overflow:hidden;position:relative;column-gap:14px;padding-left:40px;padding-right:40px;max-width:1898px;margin:0 auto}.hb__left{flex:0 0 calc(50% - 7px);max-width:50%;overflow:hidden;border-radius:10px;position:relative}.hb__left-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform}.hb__left-slide{flex:0 0 100%;height:100%;overflow:hidden;position:relative}.hb__left-img,.hb__left-img--ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.65,0,.35,1)}.hb__right{flex:0 0 calc(50% - 7px);max-width:50%;position:relative;overflow:hidden;border-radius:10px}.hb__track{display:flex;height:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform}.hb__slide{flex:0 0 100%;height:100%;position:relative;display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.hb__slide .hb__content{transition:opacity .35s ease .15s,transform .45s cubic-bezier(.4,0,.2,1) .1s}.hb__slide:not(.is-active) .hb__content{opacity:0;transform:translateY(14px);pointer-events:none}.hb__slide.is-active .hb__content{opacity:1;transform:translateY(0)}.hb__content{position:relative;padding:40px 48px 120px;box-sizing:border-box;width:100%}.hb__badge{display:inline-block;padding:10px 22px;border-radius:999px;font-size:16px;font-weight:700;background:#ffffffbf;margin-bottom:18px}.hb__slide[style*=background-image] .hb__badge{border-color:#fff6;background:#fff}.hb__heading{font-size:clamp(24px,3vw,44px);font-weight:700;line-height:1.15;margin:0 0 22px}.hb__subtext{font-size:18px;font-weight:700;line-height:1.31;margin:0 0 38px}.hb__btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hb__btn{display:inline-block;padding:13px 16px;font-size:15.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-radius:4px;transition:opacity .2s,transform .2s;cursor:pointer;letter-spacing:0}.hb__btn:hover{opacity:.85;transform:translateY(-1px)}.hb__btn--primary{background:#d20c0d;color:#fff;border:2px solid #D20C0D}.hb__btn--secondary{background:#000;color:#fff;border:2px solid #000000}.hb__controls{position:absolute;bottom:25px;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 48px;pointer-events:none}.hb__dots{display:flex;gap:6px;pointer-events:all}.hb__dot{width:9px;height:9px;border-radius:50%;border:none;background:#fff;cursor:pointer;padding:0;transition:background .25s,transform .25s}.hb__dot.is-active{background:#d32f2f;transform:scale(1.2)}.hb__arrows{display:flex;gap:10px;pointer-events:all}.hb__arrow{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(0,0,0,.18);background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#222;transition:background .2s,transform .2s;position:relative;overflow:hidden}.hb__arrow:hover{background:#fff;transform:scale(1.06)}.hb__arrow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000014;transform:scale(0);opacity:0;transition:transform .35s ease,opacity .35s ease}.hb__arrow.is-clicking:after{transform:scale(1);opacity:1}@media(max-width:1400px){.hb{padding-left:15px;padding-right:15px}.hb__controls{bottom:16px}}@media(max-width:1400px){.hb{padding-left:15px;padding-right:15px}.hb__controls{bottom:16px}.hb__badge{font-size:14px;padding:8px 18px;margin-bottom:14px}.hb__heading{font-size:clamp(20px,2.5vw,36px);margin-bottom:15px}.hb__subtext{font-size:16px;margin-bottom:28px}.hb__content{padding:30px 36px 64px}.hb__btn{font-size:14px;padding:14px 16px}.hb__btns{gap:10px}.hb__controls{padding:0 18px 0 36px}}@media(max-width:749px){.hb{flex-direction:column;height:auto;padding-left:15px;padding-right:15px}.hb__left,.hb__right{flex:none;max-width:100%;width:100%}.hb__left{border-radius:10px 10px 0 0}.hb__left-slide{min-height:260px;height:auto}.hb__content{padding:40px 24px 60px}.hb__controls{padding:0 20px;bottom:16px}.hb__right{position:relative;border-radius:0 0 10px 10px}.hb__track{height:auto}.hb__slide{height:auto;min-height:unset}.hb__btn{font-size:13.5px}.hb__badge{font-size:14px}.hb__subtext{font-size:16px}}@media(max-width:480px){.hb__btn{font-size:12px;padding:14px 9px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-hero-banner.css.map */