.hero-carousel{--hero-axis:55%;z-index:1;mix-blend-mode:multiply}
.hero-carousel .hero-product{left:var(--hero-axis)}
.hero-carousel .product-label{left:var(--hero-axis);right:auto;width:90%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;gap:6px 12px}
.hero-carousel .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s}
.hero-carousel .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero-carousel .hero-slide:focus-visible{outline-offset:-5px}
.hero-carousel .carousel-controls{position:absolute;z-index:4;right:auto;left:var(--hero-axis);width:90%;transform:translateX(-50%);bottom:20px;display:flex;align-items:center;justify-content:center;gap:12px;color:#57564f}
.hero-carousel .carousel-control{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c8bca7;background:#faf8f3cc;color:#57564f;padding:0;font-size:18px;line-height:1}
.hero-carousel .carousel-control:hover{background:#d4bf9b}
.hero-carousel .carousel-dots{display:flex;gap:8px;align-items:center}
.hero-carousel .carousel-dot{width:22px;height:32px;background:none;border:0;padding:0;display:grid;place-items:center}
.hero-carousel .carousel-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#b5ac9d;transition:width .2s,background .2s}
.hero-carousel .carousel-dot[aria-current="true"]:before{width:20px;border-radius:4px;background:#80663c}
.hero-carousel .carousel-pause{font-size:13px;margin-left:0}
@media(max-width:720px){.hero-carousel{--hero-axis:50%}.hero-carousel.hero-art{height:405px}.hero-carousel .hero-product{top:43%;height:300px}.hero-carousel .product-label{bottom:65px;left:var(--hero-axis);right:auto;width:calc(100% - 48px);justify-content:center}.hero-carousel .carousel-controls{left:var(--hero-axis);right:auto;width:100%;bottom:14px}.hero-carousel .carousel-control{width:36px;height:36px}.hero-carousel .carousel-dot{height:36px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}}