.cat-carousel{position:relative;isolation:isolate;overflow:hidden;padding:96px clamp(20px,4vw,56px) 120px;min-height:560px;color:#fff;font-family:Montserrat,system-ui,-apple-system,sans-serif;--cat-cell-w: 240px;--cat-cell-h: 280px;--cat-gap: 8px;--cat-cta-bg: #5D9680;--cat-cta-bg-hover: #4A7A68;--cat-arrow-bg: #1a1a1a;--cat-arrow-bg-hover: #000000}.cat-carousel .cat-carousel__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;background-color:#1f2520;opacity:0;transform:scale(1.06);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 8s cubic-bezier(.22,1,.36,1);pointer-events:none}.cat-carousel .cat-carousel__bg.is-active{opacity:1;transform:scale(1)}.cat-carousel .cat-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#1c1e1a73,#1c1e1a59,#1c1e1a8c);pointer-events:none}.cat-carousel .cat-carousel__inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:28px 1fr;gap:32px;align-items:stretch}.cat-carousel .cat-carousel__dots{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;align-self:center}.cat-carousel .cat-carousel__dots li{list-style:none;margin:0;padding:0}.cat-carousel .cat-carousel__dot{width:7px!important;height:7px!important;border-radius:50%!important;border:1.5px solid rgba(255,255,255,.7)!important;background:transparent!important;padding:0!important;cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1)!important;display:block}.cat-carousel .cat-carousel__dot.is-active{width:12px!important;height:12px!important;background:#fff!important;border-color:#fff!important;box-shadow:0 0 0 4px #ffffff2e!important}.cat-carousel .cat-carousel__stage{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:center;min-height:calc(var(--cat-cell-h) * 1.18)}.cat-carousel .cat-carousel__copy{background:#282622eb!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px!important;padding:24px 26px!important;display:flex;flex-direction:column;justify-content:center;gap:14px;height:var(--cat-cell-h);box-sizing:border-box;color:#fff!important;border:none!important;margin:0!important}.cat-carousel .cat-carousel__copy.is-fading{animation:catCopyFade .6s cubic-bezier(.22,1,.36,1) both}@keyframes catCopyFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cat-carousel .cat-carousel__title{font-family:Montserrat,system-ui,sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.15!important;margin:0!important;color:#fff!important;text-transform:none!important}.cat-carousel .cat-carousel__desc{font-size:12.5px!important;line-height:1.55!important;color:#ffffffd1!important;margin:0!important;font-weight:400!important;font-family:Montserrat,system-ui,sans-serif!important}.cat-carousel .cat-carousel__viewport{overflow:hidden;padding:32px 0 32px 10px;margin:-32px 0 -32px -10px;position:relative}.cat-carousel .cat-carousel__track{display:flex;gap:var(--cat-gap);align-items:center;transition:transform .55s cubic-bezier(.5,0,.2,1)!important;will-change:transform;padding-right:90px}.cat-carousel a.cat-carousel__card,.cat-carousel .cat-carousel__card{flex:0 0 var(--cat-cell-w);height:var(--cat-cell-h);border-radius:12px!important;overflow:hidden!important;position:relative;background:#f4f2ee!important;text-decoration:none!important;color:inherit!important;display:block;border:none!important;box-shadow:0 6px 20px #0003!important;transform:none!important;transition:flex-basis .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)!important}.cat-carousel a.cat-carousel__card.is-center,.cat-carousel .cat-carousel__card.is-center{flex-basis:calc(var(--cat-cell-w) * 1.18);height:calc(var(--cat-cell-h) * 1.18);z-index:3;box-shadow:0 20px 48px #00000059!important}.cat-carousel .cat-carousel__card-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-color:#f4f2ee}.cat-carousel .cat-carousel__card-cta{position:absolute;left:50%;bottom:14px;transform:translate(-50%);transform-origin:bottom center;background:var(--cat-cta-bg)!important;color:#fff!important;padding:8px 16px!important;border-radius:6px!important;font-size:11.5px!important;font-weight:500!important;letter-spacing:.01em!important;white-space:nowrap;box-shadow:0 6px 14px #0000002e;transition:background .3s cubic-bezier(.22,1,.36,1)!important;font-family:Montserrat,system-ui,sans-serif!important;text-transform:none!important;z-index:1}.cat-carousel .cat-carousel__card:hover .cat-carousel__card-cta{background:var(--cat-cta-bg-hover)!important}.cat-carousel .cat-carousel__nav{grid-column:2;display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.cat-carousel button.cat-carousel__arrow,.cat-carousel .cat-carousel__arrow{width:38px!important;height:38px!important;border-radius:50%!important;border:none!important;background:var(--cat-arrow-bg)!important;color:#fff!important;font-size:14px!important;cursor:pointer;display:grid;place-items:center;transition:background .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)!important;font-family:inherit;padding:0!important}.cat-carousel button.cat-carousel__arrow:hover,.cat-carousel .cat-carousel__arrow:hover{background:var(--cat-arrow-bg-hover)!important;transform:scale(1.08)!important}@media(max-width:720px){.cat-carousel{padding:64px 20px 80px;min-height:0;--cat-cell-w: 180px;--cat-cell-h: 220px}.cat-carousel .cat-carousel__inner{grid-template-columns:24px 1fr;gap:20px}.cat-carousel .cat-carousel__stage{grid-template-columns:1fr;min-height:auto;gap:20px}.cat-carousel .cat-carousel__viewport{padding:28px 0 28px 8px;margin:-28px 0 -28px -8px}.cat-carousel .cat-carousel__track{padding-right:70px}.cat-carousel .cat-carousel__copy{padding:20px 22px!important;height:auto;min-height:160px}}@media(prefers-reduced-motion:reduce){.cat-carousel .cat-carousel__bg,.cat-carousel .cat-carousel__track,.cat-carousel .cat-carousel__card,.cat-carousel .cat-carousel__copy{animation:none!important;transition:none!important}}.cat-carousel .cat-carousel__card{opacity:0;visibility:hidden;pointer-events:none}.cat-carousel .cat-carousel__card.is-visible{opacity:1;visibility:visible;pointer-events:auto}@media screen and (max-width:749px){.cat-carousel .cat-carousel__stage{display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px!important}.cat-carousel .cat-carousel__viewport{order:1!important;width:min(78vw,280px)!important;max-width:280px!important;margin:0 auto!important;padding:0!important;overflow:visible!important}.cat-carousel a.cat-carousel__card,.cat-carousel .cat-carousel__card{width:min(78vw,280px)!important;flex:0 0 min(78vw,280px)!important;height:min(78vw,280px)!important;border-radius:12px!important}.cat-carousel .cat-carousel__copy{order:2!important;width:min(78vw,280px)!important;max-width:280px!important;margin:0 auto!important;height:auto!important;min-height:auto!important;padding:20px 22px!important;border-radius:12px!important;box-sizing:border-box!important}.cat-carousel .cat-carousel__title{font-size:21px!important;line-height:1.15!important}.cat-carousel .cat-carousel__desc{font-size:12.5px!important;line-height:1.45!important}}@media screen and (max-width:749px){.cat-carousel .cat-carousel__viewport{transform:translate(0)!important;margin-left:auto!important;margin-right:auto!important}.cat-carousel .cat-carousel__track{padding-right:0!important}.cat-carousel .cat-carousel__card.is-center{flex-basis:min(78vw,280px)!important;width:min(78vw,280px)!important;height:min(78vw,280px)!important}}@media screen and (max-width:749px){.cat-carousel .cat-carousel__viewport{width:min(78vw,280px)!important;max-width:280px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;overflow:visible!important}.cat-carousel a.cat-carousel__card,.cat-carousel a.cat-carousel__card.is-center,.cat-carousel .cat-carousel__card,.cat-carousel .cat-carousel__card.is-center{flex:0 0 min(78vw,280px)!important;width:min(78vw,280px)!important;height:min(78vw,280px)!important}.cat-carousel .cat-carousel__copy{width:min(78vw,280px)!important;max-width:280px!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cat-carousel.css.map */