.featured-on{padding:48px 24px;margin:0 auto}.featured-on__header{text-align:center;margin-bottom:40px}.featured-on__heading{font-size:24px;font-weight:700;color:#111827;margin:0!important}.featured-on__subheading{font-size:16px;color:#666;margin:0}.featured-on__wrapper{position:relative}.featured-on__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0;flex:1;scrollbar-width:none}.featured-on__track::-webkit-scrollbar{height:6px}.featured-on__track::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.featured-on__card{flex:0 0 calc((100% / var(--items-desktop, 4)) - 16px);scroll-snap-align:start;border:1px solid #eaeaea;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s ease,transform .2s ease}.featured-on__card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.featured-on__media{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#f2f2f2}.featured-on__media img{width:100%;height:100%;object-fit:cover;display:block}.featured-on__media-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#eee,#f7f7f7)}.featured-on__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center}.featured-on__badge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:#ffffffeb;color:#111}.featured-on__badge--youtube{color:#d0021b}.featured-on__body{padding:16px}.featured-on__title{font-size:16px;font-weight:600;margin:0 0 12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-on__button{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;color:var(--primary-color);padding-bottom:2px}.featured-on__button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.featured-on__button:hover:after{transform:scaleX(1)}.featured-on__nav-btns{display:contents}.featured-on__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;flex:0 0 auto;border-radius:50%;border:1px solid #eaeaea;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background .2s ease}.featured-on__nav--prev{left:-10px}.featured-on__nav--next{right:-10px}.featured-on__nav:hover{background:#f5f5f5}.featured-on__nav:disabled{opacity:0;pointer-events:none;cursor:default}.featured-on__auto-thumb:not([src]),.featured-on__auto-thumb[src=""]{background:linear-gradient(135deg,#eee,#f7f7f7)}@media(max-width:599px){.featured-on__nav-btns{display:none}}@media(min-width:1500px){.featured-on{max-width:1500px;margin:0 auto}}@media(max-width:989px){.featured-on__card{flex:0 0 calc(50% - 10px)}.featured-on{padding:48px 0 48px 20px}}@media(max-width:599px){.featured-on__card{flex:0 0 82%}.featured-on__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/featured-on.css.map */