.welding-hero--has-carousel{--hero-carousel-card-width: 21rem;--hero-carousel-gap: 1.6rem}.welding-hero-carousel{position:absolute;z-index:2;left:0;right:0;bottom:var(--hero-carousel-offset-mobile, 3.2rem);display:flex;flex-direction:column;gap:1.6rem;pointer-events:none}.welding-hero-carousel__viewport{pointer-events:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:.4rem 1.5rem 1.2rem}.welding-hero-carousel__viewport::-webkit-scrollbar{display:none}.welding-hero-carousel__track{list-style:none;margin:0;padding:0;display:flex;gap:var(--hero-carousel-gap);width:max-content}.welding-hero-carousel__slide{flex:0 0 auto;width:var(--hero-carousel-card-width);scroll-snap-align:start}.welding-hero-card{position:relative;display:block;height:100%;border-radius:var(--welding-radius-lg);overflow:hidden;text-decoration:none;background:rgb(var(--welding-surface-container));border:.1rem solid rgba(var(--welding-outline-variant),.35);box-shadow:0 1.6rem 4rem #00000073;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.welding-hero-card:hover,.welding-hero-card:focus-visible{transform:translateY(-.6rem);border-color:rgba(var(--welding-primary),.6);box-shadow:0 2rem 4.5rem #0000008c}.welding-hero-card__media{position:relative;display:block;width:100%;aspect-ratio:var(--hero-carousel-ratio, 3 / 4);background:rgb(var(--welding-surface-bright));overflow:hidden}.welding-hero-card__media img,.welding-hero-card__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.welding-hero-card:hover .welding-hero-card__media img{transform:scale(1.06)}.welding-hero-card__badge{position:absolute;top:1rem;left:1rem;z-index:2;padding:.4rem 1rem;border-radius:999px;background:rgb(var(--welding-secondary));color:rgb(var(--welding-surface));font-size:1.1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.4}.welding-hero-card__badge--sold-out{background:rgb(var(--welding-surface-bright));color:rgb(var(--welding-on-surface))}.welding-hero-card__info{position:absolute;inset:auto 0 0 0;z-index:2;padding:2.4rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.4rem;background:linear-gradient(to top,rgba(var(--welding-surface),.96) 35%,transparent 100%)}.welding-hero-card__title{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;color:rgb(var(--welding-on-surface));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.welding-hero-card__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:.8rem}.welding-hero-card__price{font-size:1.5rem;font-weight:800;color:rgb(var(--welding-primary))}.welding-hero-card__price--compare{font-size:1.2rem;font-weight:500;color:rgba(var(--welding-on-surface),.55);text-decoration:line-through}.welding-hero-carousel__nav{display:none;gap:.8rem;padding-left:1.5rem;pointer-events:auto}.welding-hero-carousel__arrow{width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:rgb(var(--welding-on-surface));border:.1rem solid rgba(var(--welding-outline-variant),.5);background:rgba(var(--welding-surface-container),.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,opacity .2s ease}.welding-hero-carousel__arrow:hover:not([disabled]){border-color:rgba(var(--welding-primary),.8);background:rgba(var(--welding-primary),.18)}.welding-hero-carousel__arrow[disabled]{opacity:.35;cursor:default}.welding-hero-carousel__arrow .material-symbols-outlined{font-size:2rem}.welding-hero--has-carousel .welding-hero__content{padding-bottom:calc(var(--hero-carousel-card-width) * var(--hero-carousel-ratio-height, 1.3334) + var(--hero-carousel-offset-mobile, 3.2rem) + 5rem)}.welding-hero--has-carousel .welding-hero__overlay{background:linear-gradient(to bottom,rgba(var(--welding-surface),.85),rgba(var(--welding-surface),.65) 55%,rgba(var(--welding-surface),.9))}@media screen and (min-width:750px){.welding-hero--has-carousel{--hero-carousel-card-width: 24rem;--hero-carousel-gap: 2rem}}@media screen and (min-width:990px){.welding-hero-carousel{left:var(--hero-carousel-start, 50%);right:0;top:50%;bottom:auto;transform:translateY(-50%);gap:2rem}.welding-hero-carousel__viewport{padding:1.2rem 0 1.2rem 1.2rem}.welding-hero-carousel__nav{display:flex;padding-left:1.2rem}.welding-hero--has-carousel .welding-hero__content{padding-bottom:10rem;max-width:min(72rem,calc(var(--hero-carousel-start, 50%) - 6rem))}.welding-hero--has-carousel .welding-hero__overlay{background:linear-gradient(to right,rgb(var(--welding-surface)),rgba(var(--welding-surface),.6),rgba(var(--welding-surface),.25))}}@media(prefers-reduced-motion:reduce){.welding-hero-card,.welding-hero-card__media img{transition:none}.welding-hero-carousel__viewport{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-welding-hero-carousel.css.map */