.social-shorts-section{background-color:var(--bg-page)}.social-shorts-container{padding:0 var(--spacing-lg);max-width:1400px;margin:0 auto;position:relative}.social-shorts-header{text-align:center;margin-bottom:var(--spacing-2xl)}.social-shorts-heading{font-family:var(--font-heading);color:var(--color-heading);margin:0}.social-shorts-grid{display:flex;overflow-x:auto;gap:var(--spacing-md);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-md)}.social-shorts-grid::-webkit-scrollbar{display:none}.social-short-item{position:relative;flex:0 0 calc(16.666% - var(--spacing-md) * 5 / 6);aspect-ratio:3 / 4;overflow:hidden;background-color:#000;transition:transform .3s ease;scroll-snap-align:start}.social-short-item:hover{transform:scale(1.02)}.social-short-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.social-short-video{width:100%;height:100%;object-fit:cover;display:block}.social-short-overlay{position:absolute;top:10px;right:10px;color:#fff;z-index:2;opacity:.8}.social-nav-btn{position:absolute;top:55%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:opacity .3s,transform .2s;outline:none}.social-nav-btn:hover{background:var(--color-primary);color:#fff}.social-nav-btn.prev{left:var(--spacing-sm)}.social-nav-btn.next{right:var(--spacing-sm)}.social-nav-btn svg{width:20px;height:20px}.social-nav-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:1024px){.social-short-item{flex:0 0 calc(25% - var(--spacing-md) * 3 / 4)}}@media(max-width:820px){.social-short-item{flex:0 0 calc(33.333% - var(--spacing-md) * 2 / 3)}}@media(max-width:480px){.social-short-item{flex:0 0 calc(50% - var(--spacing-md) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/css/home/social-shorts.css.map */