.spotlight-custom-card{border-radius:var(--border-radius);overflow:hidden;position:relative;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(var(--color-foreground),.08);transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease}.spotlight-custom-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000014}.scc-image-wrapper.ratio{display:block;width:100%;position:relative;overflow:hidden;border-radius:calc(var(--border-radius) - 4px);margin-bottom:1.5rem}.scc-image-wrapper.ratio:before{content:"";display:block;padding-bottom:var(--aspect-ratio, 100%)}.scc-image-wrapper.ratio>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scc-image-wrapper.ratio img,.scc-image-wrapper.ratio svg,.scc-image-wrapper.ratio .scc-image{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease}.spotlight-custom-card:hover .scc-image-wrapper.ratio img,.spotlight-custom-card:hover .scc-image-wrapper.ratio .scc-image{transform:scale(1.05)}.scc-image-wrapper.placeholder{background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.scc-image-wrapper.placeholder svg{width:70%;height:70%}.scc-content{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.scc-title{margin:0;font-size:1.4rem;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3.92rem}.scc-title a{color:var(--color-foreground);text-decoration:none;transition:opacity .2s ease}.scc-title a:hover{opacity:.8}.scc-price{display:flex;gap:.8rem;justify-content:center;align-items:center;font-size:1.2rem}.scc-current-price{font-weight:600;color:var(--color-foreground)}.scc-original-price{color:rgba(var(--color-foreground),.5);text-decoration:line-through;font-size:1.1rem}.scc-quick-view{position:absolute;top:1.5rem;right:1.5rem;z-index:3}.scc-quick-view .quick_view_innerblock button{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:4px;border:1px solid var(--qv-border);background:var(--qv-background);color:var(--qv-color);cursor:pointer;transition:transform .2s cubic-bezier(.25,.46,.45,.94),background .2s ease}.scc-quick-view .quick_view_innerblock button:hover{transform:scale(1.1)}.scc-quick-view .quick_view_innerblock button svg{width:1.6rem;height:1.6rem}.spotlight-swiper{width:100%;height:100%}.spotlight-swiper-slide{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.spotlight-slide-title-wrapper{min-height:70px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15px;width:100%;box-sizing:border-box}.spotlight-slide-link{display:block;width:100%;text-decoration:none;color:inherit}@media screen and (min-width:750px){.spotlight-slide-title-wrapper{min-height:130px;padding-bottom:20px}}.spotlight-slide-title{margin:0;font-size:clamp(18px,2.5vw,28px);color:var(--color-foreground);opacity:.6;transition:font-size .4s ease,opacity .4s ease;font-weight:400;text-align:center;font-family:var(--font-heading-family, inherit);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spotlight-slide-image-wrapper{width:100%;border-radius:var(--border-radius);overflow:hidden;transform:scale(.85);transition:transform .4s ease;transform-origin:center center;will-change:transform;position:relative}.spotlight-slide-image-wrapper.ratio:before{content:"";display:block;padding-bottom:var(--aspect-ratio, 133.33%)}.spotlight-slide-image-wrapper.ratio>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.spotlight-slide-image{width:100%;height:100%;object-fit:cover}.spotlight-slide-image.placeholder-background{background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.spotlight-slide-image.placeholder-background svg{width:70%;height:70%}.spotlight-controls-wrapper{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2vw,2rem);margin-top:clamp(1.5rem,3vw,2.5rem);width:100%;flex-wrap:nowrap;padding:1.5rem}.spotlight-pagination{position:static!important;display:flex;align-items:center;justify-content:center;gap:0}.swiper-pagination.spotlight-pagination{margin:0 2%;width:auto}.spotlight-pagination .swiper-pagination-bullet{width:50px;height:2px;border-radius:0;color:rgba(var(--color-foreground),.25);opacity:1;margin:0!important;transition:all .35s ease}.spotlight-pagination .swiper-pagination-bullet-active{width:50px;height:9px;background:var(--color-foreground);border-radius:0}@media screen and (max-width:749px){.spotlight-pagination .swiper-pagination-bullet{width:36px}.spotlight-pagination .swiper-pagination-bullet-active{width:36px;height:5px}}.spotlight-nav-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;flex-shrink:0;outline:none;box-shadow:none;transition:color .3s ease}.spotlight-nav-btn:after{content:"";position:absolute;top:50%;width:40px;height:40px;border-radius:50%;background:var(--color-primary-button-background);transform:translateY(-50%);z-index:-1;transition:all .5s ease-out}.spotlight-nav-btn.prev:after{right:-25px}.spotlight-nav-btn.next:after{left:-30px}.spotlight-nav-btn:hover:after,.spotlight-nav-btn:focus-visible:after{width:75px;border-radius:5px;background:var(--color-primary-button-hover-background)}.spotlight-nav-btn:hover,.spotlight-nav-btn:focus-visible{color:var(--color-primary-button-hover-text)}.spotlight-nav-btn svg{width:20px;height:20px;display:block}.spotlight-nav-btn svg path{fill:currentColor;transition:fill .5s ease-out}@media screen and (max-width:749px){.spotlight-controls-wrapper{gap:1rem;margin-top:1.5rem}.spotlight-pagination .swiper-pagination-bullet{width:24px;height:2px}.spotlight-pagination .swiper-pagination-bullet-active{height:7px}.spotlight-nav-btn:after{width:34px;height:34px}.spotlight-nav-btn:hover:after{width:60px}.spotlight-nav-btn.prev:after{right:-20px}.spotlight-nav-btn.next:after{left:-20px}.spotlight-nav-btn svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/spotlight-collection.css.map */