.shoppable-video-section{position:relative;z-index:1;padding-top:var(--padding-top, 48px);padding-bottom:var(--padding-bottom, 48px)}.shoppable-video__header{text-align:center;max-width:72rem;margin:0 auto 3.5rem}.shoppable-video__subheading{font-family:var(--font-body-family);font-size:1.5rem;color:rgba(var(--color-foreground),.78);margin-top:1rem;margin-bottom:0}.shoppable-video__wrapper{position:relative;width:100%}.shoppable-video__wrapper--grid .shoppable-video__container{display:grid;grid-template-columns:repeat(var(--columns-desktop, 5),1fr);gap:2rem}@media screen and (max-width:1200px){.shoppable-video__wrapper--grid .shoppable-video__container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.shoppable-video__wrapper--grid .shoppable-video__container{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:1.5rem;scrollbar-width:none}.shoppable-video__wrapper--grid .shoppable-video__container::-webkit-scrollbar{display:none}.shoppable-video__wrapper--grid .shoppable-video__card{flex:0 0 78vw;max-width:78vw;scroll-snap-align:center}}.shoppable-video__wrapper--slider .shoppable-video__container{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:.5rem .2rem 2rem;margin:0;scrollbar-width:none}.shoppable-video__wrapper--slider .shoppable-video__container::-webkit-scrollbar{display:none}.shoppable-video__wrapper--slider .shoppable-video__card{flex:0 0 calc((100% - (var(--columns-desktop, 5) - 1) * 2rem) / var(--columns-desktop, 5));max-width:calc((100% - (var(--columns-desktop, 5) - 1) * 2rem) / var(--columns-desktop, 5));min-width:220px;scroll-snap-align:start}@media screen and (max-width:1200px){.shoppable-video__wrapper--slider .shoppable-video__card{flex:0 0 calc(33.333% - 1.4rem);max-width:calc(33.333% - 1.4rem)}}@media screen and (max-width:749px){.shoppable-video__wrapper--slider .shoppable-video__card{flex:0 0 78vw;max-width:78vw}}.shoppable-video__card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000014;border:1px solid rgba(var(--color-jewelry-accent, 189, 152, 80),.3);transition:all .35s cubic-bezier(.165,.84,.44,1);background-color:#000;display:flex;flex-direction:column}.shoppable-video__card:hover{transform:translateY(-6px);border-color:rgb(var(--color-jewelry-accent, 189, 152, 80));box-shadow:0 16px 40px rgba(var(--color-jewelry-accent, 189, 152, 80),.22)}.shoppable-video__media-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;background-color:#1a1a1a;overflow:hidden;cursor:pointer}.shoppable-video__element{width:100%;height:100%;object-fit:cover;display:block;border:none}.shoppable-video__element--iframe{pointer-events:none}.shoppable-video__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#222}.shoppable-video__placeholder svg{width:80%;height:80%;opacity:.3}.shoppable-video__mute-btn{position:absolute;top:1.2rem;right:1.2rem;width:3.6rem;height:3.6rem;border-radius:50%;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .25s ease}.shoppable-video__mute-btn:hover{background:rgba(var(--color-jewelry-accent, 189, 152, 80),.9);transform:scale(1.08)}.shoppable-video__mute-btn svg{width:1.8rem;height:1.8rem}.shoppable-video__mute-btn .hidden{display:none!important}.shoppable-video__card-link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.shoppable-video__product-card{position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem;background:#121212c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-jewelry-accent, 189, 152, 80),.45);border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:center;gap:1.2rem;text-decoration:none;color:#fff;z-index:2;transition:all .3s ease}.shoppable-video__product-card:hover{background:#121212eb;border-color:rgb(var(--color-jewelry-accent, 189, 152, 80));transform:translateY(-2px);box-shadow:0 8px 20px #0006}.shoppable-video__product-thumb{width:4.4rem;height:4.4rem;border-radius:8px;overflow:hidden;flex-shrink:0;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-jewelry-accent, 189, 152, 80),.3)}.shoppable-video__product-thumb img{width:100%;height:100%;object-fit:cover}.shoppable-video__product-details{flex:1 1 auto;min-width:0}.shoppable-video__product-title{font-family:var(--font-heading-family);font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 .3rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shoppable-video__product-price{font-family:var(--font-body-family);font-size:1.25rem;font-weight:700;color:rgb(var(--color-jewelry-accent, 189, 152, 80));display:flex;align-items:center;gap:.6rem}.shoppable-video__product-compare-price{font-size:1.1rem;font-weight:400;color:#ffffff80;text-decoration:line-through}.shoppable-video__product-btn{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:50%;color:#fff;background:rgb(var(--color-jewelry-accent, 189, 152, 80));flex-shrink:0;transition:background-color .25s ease,transform .25s ease}.shoppable-video__product-card:hover .shoppable-video__product-btn{background:#9a783a;transform:translate(3px)}.shoppable-video__product-btn svg{width:1.4rem;height:1.4rem}.shoppable-video__nav{position:absolute;top:50%;transform:translateY(-50%);width:4.4rem;height:4.4rem;border-radius:50%;background:rgba(var(--color-background, #ffffff),.95);border:1px solid rgba(var(--color-jewelry-accent, 189, 152, 80),.4);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 6px 20px #00000026;transition:all .25s ease}.shoppable-video__nav:hover{background:rgb(var(--color-jewelry-accent, 189, 152, 80));color:#fff;border-color:rgb(var(--color-jewelry-accent, 189, 152, 80));transform:translateY(-50%) scale(1.08)}.shoppable-video__nav--prev{left:-2rem}.shoppable-video__nav--next{right:-2rem}.shoppable-video__nav svg{width:2rem;height:2rem}@media screen and (max-width:749px){.shoppable-video__nav{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-shoppable-video-slider.css.map */