.tn-section{padding:24px 0}.tn-container{width:100%;max-width:1600px;margin:0 auto;padding:0 16px}@media(min-width:640px){.tn-container{padding:0 24px}}@media(min-width:1024px){.tn-container{padding:0 32px}}.tn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tn-heading{font-size:24px;font-weight:700;letter-spacing:.02em;margin:0;font-family:Cormorant Garamond}@media(min-width:768px){.tn-heading{font-size:30px}}.tn-nav-buttons{display:flex;gap:8px}.tn-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e2e2;background:#fff;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.tn-nav-btn:hover{background:#f5f5f5}.tn-track{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.tn-track::-webkit-scrollbar{display:none}.tn-card{flex-shrink:0;width:48.6%;scroll-snap-align:center}@media(min-width:768px){.tn-card{width:15.9%}}.tn-video-wrap{position:relative;height:auto;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;cursor:pointer}.tn-video{width:100%;height:100%;object-fit:cover;opacity:.9;display:block;transition:opacity .2s ease}.tn-video-wrap:hover .tn-video{opacity:1}.tn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;transition:background-color .2s ease;pointer-events:none}.tn-video-wrap:hover .tn-overlay{background:#0000001a}.tn-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;z-index:10}.tn-video-wrap:hover .tn-play-btn{transform:translate(-50%,-50%) scale(1.1)}.tn-mute-btn{position:absolute;top:16px;right:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:20;transition:background-color .15s ease}.tn-mute-btn:hover{background:#0009}.tn-title-wrap{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);color:#fff;pointer-events:none}.tn-title{font-size:18px;font-weight:500;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/2/assets/trending-now.css.map */