.hero-carousel-lays{padding-top:var(--section-padding-top, 40px);padding-bottom:var(--section-padding-bottom, 60px);position:relative;overflow:hidden;color:#fff;transition:background-color .6s ease-in-out}.hero-carousel-lays.hero-carousel-lays--full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.hero-carousel-lays__container{max-width:var(--page-width, 1440px);margin:0 auto;position:relative;height:clamp(650px,95vh,950px)}.hero-carousel-lays--full-width .hero-carousel-lays__container{max-width:100%}.hero-carousel-lays__slider{display:flex;height:100%;position:relative}.hero-carousel-lays__slide{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:1}.hero-carousel-lays__slide.is-active{opacity:1;visibility:visible;z-index:2;position:relative}.hero-carousel-lays__sunburst-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(40px)}.hero-carousel-lays__sunburst{position:absolute;width:auto;height:120%;max-width:none;object-fit:contain;z-index:1;transition:transform 0s;will-change:transform}.hero-carousel-lays__product{position:relative;z-index:2;height:50%;width:auto;max-width:85%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.hero-carousel-lays__sunburst-wrapper:hover .hero-carousel-lays__product{transform:scale(1.05)}.hero-carousel-lays__content{margin-top:-140px;z-index:5}.hero-carousel-lays__button{display:inline-block;padding:15px 40px;background:var(--button-bg, #ffffff);color:var(--button-text, #000000);text-decoration:none;border-radius:50px;font-weight:600;transition:transform .3s ease,background-color .3s ease;box-shadow:0 4px 15px #0000001a}.hero-carousel-lays__button:hover{transform:scale(1.05)}.hero-carousel-lays__products-header{margin-top:60px;padding:0 var(--page-margin, 20px)}.hero-carousel-lays__products-title{font-size:clamp(3rem,10vw,8rem);font-weight:900;margin:0;text-transform:capitalize;line-height:1;color:var(--title-color, #000)}.hero-carousel-lays__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s,transform .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:0}.hero-carousel-lays__arrow:hover{background:#fff6}.hero-carousel-lays__arrow--prev{left:40px}.hero-carousel-lays__arrow--next{right:40px}.hero-carousel-lays__arrow svg{width:24px;height:24px;fill:currentColor}@media screen and (max-width:749px){.hero-carousel-lays__arrow{display:none!important}}.hero-carousel-lays__dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.hero-carousel-lays__dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;border:none;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-carousel-lays__dot.active{background:#fff;width:30px;border-radius:10px}.hero-carousel-lays__product-grid{display:grid;grid-template-columns:repeat(6,1fr);width:100%;margin-top:40px}.hero-carousel-lays__grid-card{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s ease}.hero-carousel-lays__grid-card:hover{z-index:5}.hero-carousel-lays__grid-image-wrapper{width:80%;height:80%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.hero-carousel-lays__grid-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.3))}.hero-carousel-lays__grid-card:hover .hero-carousel-lays__grid-image-wrapper{transform:translateY(-10px) scale(1.05)}.hero-carousel-lays__grid-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media screen and (max-width:989px){.hero-carousel-lays__product-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.hero-carousel-lays__product-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-carousel-lays.css.map */