.section-shoppable-videos{display:flex;flex-direction:column;align-items:center}.shoppable-videos__heading{text-align:center;font-weight:700;letter-spacing:2px;margin:0 0 16px}.shoppable-videos__heading.h1{font-size:42px}.shoppable-videos__heading.h2{font-size:32px}.shoppable-videos__heading.h3{font-size:24px}.shoppable-videos__subheading{text-align:center;font-size:16px;opacity:.8;margin:0 0 32px;max-width:600px}@media screen and (max-width: 749px){.shoppable-videos__heading{letter-spacing:1px}.shoppable-videos__heading.h1{font-size:28px}.shoppable-videos__heading.h2{font-size:24px}.shoppable-videos__heading.h3{font-size:18px}.shoppable-videos__subheading{font-size:14px;margin-bottom:24px;padding:0 16px}}.shoppable-videos__wrapper{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;max-width:100%}.shoppable-videos__track{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:10px 0}.shoppable-videos__track::-webkit-scrollbar{display:none}.shoppable-videos__list{display:flex;justify-content:center;gap:var(--video-gap, 16px);min-width:min-content}.shoppable-videos__item{display:flex;flex-direction:column;flex-shrink:0;width:calc(var(--video-height, 500px) * .5625)}@media screen and (max-width: 749px){.shoppable-videos__item{width:calc(var(--video-height-mobile, 400px) * .5625)}.shoppable-videos__list{justify-content:flex-start;padding-left:16px;padding-right:16px}}.shoppable-videos__video-container{position:relative;width:100%;height:var(--video-height, 500px);border-radius:12px;overflow:hidden;background-color:#000;box-shadow:0 4px 20px #00000026}@media screen and (max-width: 749px){.shoppable-videos__video-container{height:var(--video-height-mobile, 400px);border-radius:8px}}.shoppable-videos__youtube-wrapper{position:relative;width:100%;height:100%}.shoppable-videos__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.shoppable-videos__uploaded-wrapper{position:relative;width:100%;height:100%;cursor:pointer}.shoppable-videos__video{width:100%;height:100%;object-fit:cover}.shoppable-videos__video--hidden{display:none}.shoppable-videos__thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shoppable-videos__uploaded-wrapper:hover .shoppable-videos__thumbnail{transform:scale(1.03)}.shoppable-videos__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;z-index:2;transition:transform .2s ease}.shoppable-videos__play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.shoppable-videos__play-btn svg{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.shoppable-videos__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:#f0f0f0;color:#999}.shoppable-videos__placeholder svg{width:48px;height:48px}.shoppable-videos__placeholder span{font-size:14px}.shoppable-videos__caption{font-size:14px;font-weight:500;text-align:center;margin-top:12px;padding:0 4px;line-height:1.4}@media screen and (max-width: 749px){.shoppable-videos__caption{font-size:13px;margin-top:10px}}.shoppable-videos__shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:10px 20px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));text-decoration:none;border-radius:50px;font-size:13px;font-weight:500;transition:all .3s ease;align-self:center}.shoppable-videos__shop-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.9}.shoppable-videos__shop-btn svg{transition:transform .3s ease}.shoppable-videos__shop-btn:hover svg{transform:translate(3px)}@media screen and (max-width: 749px){.shoppable-videos__shop-btn{padding:8px 16px;font-size:12px}}.shoppable-videos__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background-color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #00000014;margin-top:calc(var(--video-height, 500px) / 2 - 22px)}.shoppable-videos__arrow:hover:not(:disabled){background-color:#f5f5f5;box-shadow:0 4px 12px #0000001f}.shoppable-videos__arrow:disabled{opacity:.4;cursor:not-allowed}.shoppable-videos__arrow svg{width:18px;height:18px}@media screen and (max-width: 749px){.shoppable-videos__arrow{display:none}.shoppable-videos__wrapper{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-shoppable-videos.css.map */