.shoppable-carousel{padding:30px 20px 15px;max-width:100%;width:100%;margin:0;overflow:hidden;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.carousel-container{position:relative;overflow:hidden}.carousel-track{display:block;position:relative;width:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:50px;padding:20px 80px;box-sizing:border-box;opacity:0;transition:opacity .9s ease-in-out;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto;position:relative}.carousel-slide.layout-left{flex-direction:row}.carousel-slide.layout-right{flex-direction:row-reverse}.slide-image-container{position:relative;flex:0 0 45%;max-width:500px;display:block;overflow:hidden}.slide-image-container img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:0;transform:scale(1);transition:transform 1.4s ease-in-out}.carousel-slide.active .slide-image-container img{transform:scale(1.05)}.slide-content{flex:0 0 45%;max-width:500px;padding:15px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.sun-top{display:flex;justify-content:center;margin-bottom:8px}.sun-bottom{display:flex;justify-content:center;margin-top:8px}.sun-icon{width:70px!important;height:70px!important;object-fit:contain;opacity:.85}.slide-heading{font-family:Trirong,serif!important;font-size:2.2rem!important;font-weight:300!important;letter-spacing:.15em!important;text-transform:uppercase;line-height:1.3;color:#7c3a00!important;text-align:center;margin-top:0;margin-bottom:20px}.slide-heading:after{content:"";display:block;width:50px;height:1px;background-color:#7c3a00;margin:18px auto 0;opacity:.5}.slide-text,.slide-text p{font-family:Trirong,serif!important;font-size:1.05rem!important;line-height:1.85!important;color:#7c3a00!important;text-align:center;max-width:380px;margin:0 auto!important;font-weight:400}.slide-button{display:inline-block;padding:15px 5px;margin-top:28px;background:transparent;color:#7c3a00;text-decoration:none;border-radius:0;font-family:Trirong,serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;transition:all .3s ease;border:none}.slide-button:hover{text-decoration:underline;background:transparent}.hotspot{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);cursor:pointer;z-index:100;display:block!important}.hotspot-dot{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #7C3A00;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease,background .3s ease;box-shadow:0 2px 8px #0003}.hotspot-pulse{position:absolute;width:30px;height:30px;background:#7c3a0033;border-radius:50%;top:0;left:0;animation:pulse 2s infinite}.hotspot:hover .hotspot-dot{transform:translate(-50%,-50%) scale(1.4);background:#7c3a00;border-color:#fff}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.hotspot-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fdf8f3;border:1px solid rgba(124,58,0,.2);padding:10px 10px 8px;border-radius:2px;box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transition:all .35s ease;z-index:200;width:110px;text-align:center}.hotspot-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#7c3a0033}.hotspot-tooltip img{width:100%;height:80px;object-fit:cover;border-radius:1px;margin-bottom:6px}.hotspot-tooltip .tooltip-title{display:block;font-family:Trirong,serif;font-size:.65rem;color:#7c3a00;line-height:1.3;letter-spacing:.04em;margin-bottom:3px}.hotspot-tooltip .tooltip-price{display:block;font-family:Trirong,serif;font-size:.7rem;color:#7c3a00;font-weight:500;letter-spacing:.06em}.hotspot:hover .hotspot-tooltip{opacity:1;visibility:visible}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px!important;margin-bottom:15px;position:relative;top:10px}.dot{width:28px!important;height:1px!important;border-radius:0!important;border:none!important;background:#7c3a004d!important;cursor:pointer;transition:all .4s ease;padding:0!important}.dot.active{background:#7c3a00!important;width:42px!important}.carousel-btn{position:absolute;top:40px;bottom:40px;height:auto;transform:none;background:transparent;border:none;width:80px;font-size:24px;color:#7c3a00;cursor:pointer;z-index:20;transition:all .3s ease}.carousel-btn:hover{color:#5a2a00;background:#ffffff80}.carousel-prev{left:0!important;padding-left:30px;text-align:left}.carousel-next{right:0!important;padding-right:30px;text-align:right}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-content .sun-top,.slide-content .slide-heading,.slide-content .slide-text,.slide-content .slide-button,.slide-content .sun-bottom{opacity:0}.slide-content.animate-in .sun-top{animation:fadeSlideUp 1s ease forwards;animation-delay:.1s}.slide-content.animate-in .slide-heading{animation:fadeSlideUp 1s ease forwards;animation-delay:.3s}.slide-content.animate-in .slide-text{animation:fadeSlideUp 1s ease forwards;animation-delay:.55s}.slide-content.animate-in .slide-button{animation:fadeSlideUp 1s ease forwards;animation-delay:.75s}.slide-content.animate-in .sun-bottom{animation:fadeSlideUp 1s ease forwards;animation-delay:.9s}@media(max-width:768px){.carousel-slide,.carousel-slide.layout-left,.carousel-slide.layout-right{flex-direction:column!important;padding:0!important;gap:0!important;align-items:stretch!important}.slide-image-container{flex:0 0 auto!important;width:100%!important;max-width:100%!important;overflow:hidden}.slide-image-container img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important}.slide-content{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 32px!important;background:transparent}.sun-top,.sun-bottom{display:flex!important}.sun-icon{display:block!important;width:48px!important;height:48px!important}.sun-top{margin-bottom:6px!important}.sun-bottom{margin-top:6px!important}.slide-heading{font-size:1.45rem!important;letter-spacing:.12em!important;margin-bottom:14px!important}.slide-heading:after{width:36px;margin:12px auto 0}.slide-text,.slide-text p{font-size:.92rem!important;line-height:1.75!important;max-width:100%!important}.slide-button{margin-top:20px!important;padding:14px 24px!important;border:1px solid rgba(124,58,0,.4)!important;font-size:.85rem!important;letter-spacing:.14em!important;min-width:180px;text-align:center}.slide-button:hover{background:#7c3a000f!important;text-decoration:none!important}.carousel-dots{position:absolute!important;bottom:16px!important;left:0!important;right:0!important;top:auto!important;margin:0!important;z-index:10}.dot{background:#ffffff80!important;height:2px!important}.dot.active{background:#fff!important;width:36px!important}.carousel-btn{width:40px!important;font-size:18px!important;top:0!important;bottom:auto!important;height:100%!important;max-height:420px!important;padding:0 10px!important;color:#fffc!important}.carousel-btn:hover{background:#0000001a!important}.carousel-container{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/custom-shoppable-carousel.css.map */