.spx-video-showcase{padding:50px 0;background:#fff}.spx-video-showcase__header{margin-bottom:28px}.spx-video-showcase__subtitle{margin-bottom:8px}.spx-video-showcase__heading{margin:0;font-size:34px;line-height:1.05;font-weight:500;font-family:var(--font-heading);color:#262626;letter-spacing:-.03em}.spx-video-showcase__layout{display:grid;grid-template-columns:68% 32%;gap:22px;align-items:start}.spx-video-showcase__featured{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #0000000f}.spx-video-player{position:relative;width:100%;aspect-ratio:16/8;background:#000}.spx-video-btn{min-height:40px;padding:0 18px;font-size:12px;border-radius:8px}.spx-video-player iframe{width:100%;height:100%;border:0}.spx-video-player__content{padding:22px}.spx-video-player__content h3{margin:0 0 10px;font-size:28px;line-height:1.2;font-weight:600;color:#262626;font-family:var(--font-heading)}.spx-video-player__content p{margin:0;color:#666;font-size:15px;line-height:1.8}.spx-video-showcase__playlist{display:flex;flex-direction:column;gap:14px}.spx-video-card{display:flex;align-items:center;gap:16px;width:100%;padding:8px;background:#fff;border:1px solid #ececec;border-radius:14px;cursor:pointer;text-align:left;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.spx-video-card:hover{transform:translateY(-3px);border-color:#ff5900;box-shadow:0 14px 30px #00000014}.spx-video-card.is-active{border-color:#f58220;background:#fffaf6;box-shadow:0 12px 30px #f582201f}.spx-video-card__thumb{position:relative;flex:0 0 135px;aspect-ratio:16/9;border-radius:10px;overflow:hidden}.spx-video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.spx-video-card:hover .spx-video-card__thumb img{transform:scale(1.06)}.spx-video-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#ff5900;color:#fff;display:flex;align-items:center;justify-content:center;transition:.35s ease}.spx-video-card__play svg{width:16px;height:16px;display:block;margin-left:2px}.spx-video-card:hover .spx-video-card__play{background:#243b78;transform:translate(-50%,-50%) scale(1.08)}.spx-video-card__content{flex:1}.spx-video-card__watch{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:50px;background:#f5f5f5;color:#243b78;font-size:13px;font-weight:600;transition:.3s}.spx-video-card:hover .spx-video-card__watch{background:#243b78;color:#fff}@media(max-width:989px){.spx-video-showcase{padding:40px 0}.spx-video-showcase__heading{font-size:34px}.spx-video-showcase__layout{grid-template-columns:1fr}.spx-video-showcase__playlist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.spx-video-card{flex-direction:column;align-items:flex-start}.spx-video-card__thumb{width:100%;flex:none}.spx-video-card__content{width:100%;display:none}}@media(max-width:749px){.spx-video-showcase{padding:20px 0}.spx-video-showcase__heading{font-size:26px;line-height:1.15}.spx-video-showcase__layout{gap:18px}.spx-video-showcase__playlist{display:flex;overflow-x:auto;gap:14px;padding-bottom:8px;scrollbar-width:none}.spx-video-showcase__playlist::-webkit-scrollbar{display:none}.spx-video-card{flex:0 0 150px;flex-direction:column;align-items:flex-start}.spx-video-card__thumb{width:100%;flex:none}.spx-video-player__content{padding:18px}.spx-video-player__content h3{font-size:22px}.spx-video-player__content p{font-size:14px;line-height:1.7}}@media(max-width:480px){.spx-video-showcase__heading{font-size:24px}.spx-video-card{flex:0 0 230px}}@media(max-width:749px){.spx-video-showcase__playlist{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;scrollbar-width:none}.spx-video-showcase__playlist::-webkit-scrollbar{display:none}.spx-video-card{flex:0 0 240px;scroll-snap-align:start}}.spx-video-card__content .spx-btn{min-height:36px!important;height:36px!important;padding:0 18px!important;font-size:11px!important;letter-spacing:.05em}@media(max-width:749px){.spx-video-showcase__playlist-wrap{overflow-x:auto;scrollbar-width:none}.spx-video-showcase__playlist-wrap::-webkit-scrollbar{display:none}.spx-video-showcase__playlist{display:flex;flex-direction:row;gap:14px;width:max-content}.spx-video-card{flex:0 0 150px;scroll-snap-align:start}.spx-video-showcase__playlist-wrap{scroll-snap-type:x mandatory}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/spx-video-showcase.css.map */