.hero-degrade{--hd-band: var(--hd-band-mobile, 15rem);--hd-offset: var(--hd-offset-mobile, 1.2rem);--hd-gutter: 1.5rem;--hd-duration: .9s;--hd-radius: var(--media-radius, 1.2rem);--hd-card-gap: 1rem;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--hd-band) auto;padding-bottom:var(--hd-padding-bottom, 2.4rem);background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.hero-degrade{--hd-band: var(--hd-band-desktop, 26rem);--hd-offset: var(--hd-offset-desktop, 2rem);--hd-gutter: 5rem;--hd-card-gap: 1.6rem}}.hero-degrade--no-cards{grid-template-rows:auto var(--hd-band)}.hero-degrade__backdrop{--hd-mask: linear-gradient( 180deg, #000 0, #000 calc(100% - var(--hd-band)), rgba(0, 0, 0, .82) calc(100% - var(--hd-band) * .78), rgba(0, 0, 0, .5) calc(100% - var(--hd-band) * .5), rgba(0, 0, 0, .16) calc(100% - var(--hd-band) * .22), transparent 100% );grid-row:1 / 3;grid-column:1;position:relative;z-index:0;display:block;overflow:hidden;pointer-events:none;-webkit-mask-image:var(--hd-mask);mask-image:var(--hd-mask)}.hero-degrade__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(90deg,var(--hd-c1, transparent),var(--hd-c2, var(--hd-c1, transparent)));opacity:0;transition:opacity var(--hd-duration) ease}.hero-degrade__layer.is-active{opacity:1}.hero-degrade__slides{grid-row:1;grid-column:1;position:relative;z-index:1;min-width:0}.hero-degrade__slideshow{display:block}.hero-degrade__slider.slider{display:flex;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none}.hero-degrade__slide.slider__slide{flex:0 0 100%;width:100%;max-width:100%;margin:0}.hero-degrade__media{position:relative;display:block;width:100%;aspect-ratio:var(--hd-ratio-mobile, var(--hd-ratio, 4));overflow:hidden;background-color:rgba(var(--color-foreground),.04);color:inherit}@media screen and (min-width:750px){.hero-degrade__media{aspect-ratio:var(--hd-ratio, 4)}}.hero-degrade__media picture,.hero-degrade__media img,.hero-degrade__media svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hero-degrade__media img{object-fit:cover;object-position:center}a.hero-degrade__media:focus-visible{outline-offset:-.4rem}@media screen and (max-width:749px){.hero-degrade--inset-mobile .hero-degrade__slides{padding:1.2rem var(--hd-gutter) 0}.hero-degrade--inset-mobile .hero-degrade__slider{border-radius:var(--hd-radius)}}@media screen and (min-width:750px){.hero-degrade--inset-desktop .hero-degrade__slides{width:100%;max-width:var(--page-width);margin:0 auto;padding:2rem var(--hd-gutter) 0}.hero-degrade--inset-desktop .hero-degrade__slider{border-radius:var(--hd-radius)}}.hero-degrade__controls.slider-buttons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;border:0;pointer-events:none}.hero-degrade__controls>*{pointer-events:auto}.hero-degrade__hidden{display:none!important}.hero-degrade .hero-degrade__arrow.slider-button{position:absolute;top:50%;width:4.4rem;height:4.4rem;border-radius:50%;background:#fffffff0;color:#121212;box-shadow:0 .2rem .8rem #0000002e;transform:translateY(-50%);opacity:0;transition:opacity .2s ease}.hero-degrade .hero-degrade__arrow .icon{height:.9rem}.hero-degrade__arrow.slider-button--prev{left:1.6rem}.hero-degrade__arrow.slider-button--next{right:1.6rem}.hero-degrade__slideshow:hover .hero-degrade__arrow,.hero-degrade__arrow:focus-visible{opacity:1}.hero-degrade__dots.slider-counter{position:absolute;left:50%;bottom:calc(.2rem + max(0px,var(--hd-offset) * -1));min-width:0;margin:0;padding:0;border-radius:2rem;transform:translate(-50%)}.hero-degrade__dots .slider-counter__link{padding:.6rem .4rem}.hero-degrade__dots .slider-counter__link--dots .dot{width:.6rem;height:.6rem;border-color:#fffffff2;box-shadow:0 0 .3rem #00000080}.hero-degrade__dots .slider-counter__link--active.slider-counter__link--dots .dot{background-color:#fff}.hero-degrade__dots .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{border-color:#fff}.hero-degrade .hero-degrade__autoplay.slider-button{position:absolute;right:.6rem;bottom:calc(.6rem + max(0px,var(--hd-offset) * -1));width:2.4rem;height:2.4rem;margin:0;padding:0;border:0;border-radius:50%;background:#00000047}.hero-degrade .hero-degrade__autoplay--oculto.slider-button{display:none}.hero-degrade .hero-degrade__autoplay path,.hero-degrade .hero-degrade__autoplay:hover path{fill:#fff}@media screen and (min-width:750px){.hero-degrade__dots.slider-counter{bottom:calc(1.4rem + max(0px,var(--hd-offset) * -1));padding:0 .4rem;background:#00000047}.hero-degrade__dots .slider-counter__link{padding:.8rem .5rem}.hero-degrade__dots .slider-counter__link--dots .dot{width:.9rem;height:.9rem;box-shadow:none}.hero-degrade .hero-degrade__autoplay.slider-button{right:1.4rem;bottom:calc(1.4rem + max(0px,var(--hd-offset) * -1));width:3.2rem;height:3.2rem}}@media screen and (max-width:749px){.hero-degrade__media img{object-position:var(--hd-foco, 0%) 50%}.hero-degrade__dots.slider-counter{display:none}}@media screen and (max-width:749px),(hover:none){.hero-degrade .hero-degrade__arrow.slider-button{display:none}}.hero-degrade__cards{grid-row:2 / 4;grid-column:1;align-self:start;position:relative;z-index:2;min-width:0;margin-top:var(--hd-offset)}.hero-degrade__cards-slider{position:relative;display:block;max-width:var(--page-width);margin:0 auto}.hero-degrade__card-list{position:relative;display:flex;gap:var(--hd-card-gap);margin:0 0 -1.6rem;padding:.6rem var(--hd-gutter) 2.8rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hd-gutter);scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hero-degrade__card-list::-webkit-scrollbar{display:none}.hero-degrade__card-item{display:flex;flex:0 0 min(42%,18rem);min-width:0;scroll-snap-align:start}@media screen and (min-width:750px){.hero-degrade__card-item{flex-basis:calc((100% - 2 * var(--hd-card-gap)) / 3.3)}}@media screen and (min-width:990px){.hero-degrade__card-item{flex-basis:calc((100% - (var(--hd-cards-desktop, 6) - 1) * var(--hd-card-gap)) / var(--hd-cards-desktop, 6))}}.hd-card{display:flex;flex-direction:column;width:100%;padding:1.4rem 1.4rem 1.6rem;border-radius:1.2rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;box-shadow:0 .1rem .2rem #00000014,0 .6rem 1.8rem #00000014;transition:box-shadow .2s ease,transform .2s ease}a.hd-card:hover{box-shadow:0 .2rem .4rem #0000001a,0 1rem 2.6rem #00000024;transform:translateY(-.2rem)}.hd-card__title{display:-webkit-box;min-height:2.6em;margin:0 0 1rem;overflow:hidden;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.5rem;line-height:1.3;letter-spacing:.02rem;color:rgb(var(--color-foreground));-webkit-line-clamp:2;-webkit-box-orient:vertical}.hd-card__media{position:relative;display:flex;align-items:center;justify-content:center;height:10rem;margin:0 0 1.2rem}.hd-card__media img,.hd-card__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:contain}.hd-card__media .placeholder-svg{border-radius:.8rem;background-color:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.5)}.hd-card__icon{display:flex;align-items:center;justify-content:center;width:8.4rem;height:8.4rem;border-radius:50%;background-color:rgba(var(--color-foreground),.06);background-color:color-mix(in srgb,var(--hd-current, rgb(var(--color-foreground))) 14%,rgb(var(--color-background)));transition:background-color var(--hd-duration) ease}.hd-card__icon svg{width:3.6rem;height:3.6rem;fill:currentColor}.hd-card__badge{position:absolute;left:50%;bottom:-.8rem;padding:.2rem .9rem;border-radius:2rem;background-color:var(--hd-badge-bg, #e30613);color:#fff;font-size:1.1rem;font-weight:700;line-height:1.6;letter-spacing:.06rem;text-transform:uppercase;white-space:nowrap;transform:translate(-50%)}.hd-card__text,.hd-card__product-title{display:-webkit-box;margin:0 0 1.2rem;overflow:hidden;font-size:1.3rem;line-height:1.4;-webkit-box-orient:vertical}.hd-card__text{-webkit-line-clamp:3;color:rgba(var(--color-foreground),.75);text-align:center}.hd-card__product-title{-webkit-line-clamp:2;margin-bottom:.6rem;color:rgba(var(--color-foreground),.85)}.hd-card__prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin:0 0 1.2rem}.hd-card__compare{width:100%;font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.hd-card__price{font-size:1.9rem;font-weight:600;line-height:1.2;color:rgb(var(--color-foreground))}.hd-card__discount{font-size:1.3rem;font-weight:600;color:#00a650}.hd-card__button.button{width:100%;min-width:0;min-height:3.6rem;margin-top:auto;padding:0 1.2rem;font-size:1.3rem;letter-spacing:.04rem;text-align:center}@media screen and (max-width:749px){.hero-degrade{padding-bottom:calc(var(--hd-padding-bottom, 2.4rem) / 2)}.hero-degrade__card-item{flex-basis:9.8rem}.hd-card{align-items:center;padding:1rem .8rem 1.1rem;text-align:center}.hd-card__title{order:2;min-height:2.5em;margin:0;font-size:1.2rem;line-height:1.25;letter-spacing:0;-webkit-line-clamp:3}.hd-card__media{order:1;width:100%;height:6.4rem;margin:0 0 .8rem}.hd-card__icon{width:6.4rem;height:6.4rem}.hd-card__icon svg{width:2.8rem;height:2.8rem}.hd-card__badge{bottom:-.6rem;padding:.1rem .7rem;font-size:1rem}.hd-card__text,.hd-card__product-title,.hd-card__compare,.hd-card__button.button{display:none}.hd-card__prices{order:3;justify-content:center;margin:.4rem 0 0}.hd-card__price{font-size:1.4rem}.hd-card__discount{font-size:1.1rem}}.hero-degrade__cards-buttons.slider-buttons{position:absolute;top:0;right:0;bottom:1.2rem;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 calc(var(--hd-gutter) - 2.2rem);pointer-events:none}.hero-degrade__cards-buttons .slider-button{width:4.4rem;height:4.4rem;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem .8rem #0003;pointer-events:auto;transition:opacity .2s ease}.hero-degrade__cards-buttons .slider-button .icon{height:.9rem}.hero-degrade__cards-buttons .slider-button[disabled]{opacity:0;pointer-events:none}@media screen and (max-width:989px){.hero-degrade__cards-buttons.slider-buttons{display:none}}@media(prefers-reduced-motion:reduce){.hero-degrade__layer,.hd-card__icon{transition:none}a.hd-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-hero-degrade.css.map */