.social-feed{padding:60px 0;background-color:var(--social-bg-color, #FFF8F0);overflow:hidden}.social-feed__container{max-width:1200px;margin:0 auto;padding:0 20px}.social-feed__header{text-align:center;margin-bottom:40px}.social-feed__title{font-size:32px;font-weight:700;color:var(--social-text-color, #2D2D2D);margin:0 0 12px}.social-feed__subtitle{font-size:16px;color:var(--social-text-light, #6B7280);margin:0 0 20px}.social-feed__handle{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--social-accent-color, #F8BBD9);text-decoration:none;transition:color .3s ease}.social-feed__handle:hover{color:var(--social-text-color, #2D2D2D)}.social-feed__handle svg{width:20px;height:20px}.social-feed__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.social-card{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background-color:#f9fafb}.social-card__link{display:block;width:100%;height:100%}.social-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.social-card:hover .social-card__image{transform:scale(1.08)}.social-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.social-card:hover .social-card__overlay{opacity:1}.social-card__icon{width:32px;height:32px;color:#fff;margin-bottom:8px}.social-card__likes{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#fff}.social-card__likes svg{width:16px;height:16px;fill:#ef4444;stroke:none}.social-card__video-icon{position:absolute;top:12px;right:12px;width:28px;height:28px;background-color:#0009;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:2}.social-card__video-icon svg{width:14px;height:14px;color:#fff}.social-card--featured{grid-column:span 2;grid-row:span 2}.social-feed__cta{text-align:center;margin-top:40px}.social-feed__cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;text-decoration:none;border-radius:50px;background-color:var(--social-accent-color, #F8BBD9);color:#2d2d2d;transition:all .3s ease}.social-feed__cta-button:hover{background-color:#2d2d2d;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.social-feed__cta-button svg{width:20px;height:20px}.social-feed__platforms{display:flex;justify-content:center;gap:16px;margin-top:24px}.social-feed__platform-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#fff;color:var(--social-text-color, #2D2D2D);transition:all .3s ease;box-shadow:0 2px 8px #00000014}.social-feed__platform-link:hover{background-color:var(--social-accent-color, #F8BBD9);transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.social-feed__platform-link svg{width:22px;height:22px}@media(max-width:767px){.social-feed{padding:40px 0}.social-feed__container{padding:0 16px}.social-feed__header{margin-bottom:24px}.social-feed__title{font-size:24px}.social-feed__subtitle{font-size:14px}.social-feed__grid{grid-template-columns:repeat(3,1fr);gap:8px}.social-card{border-radius:12px}.social-card--featured{grid-column:span 2;grid-row:span 2}.social-card__overlay{opacity:0}.social-card__icon{width:24px;height:24px}.social-card__likes{font-size:12px}.social-card__video-icon{width:24px;height:24px;top:8px;right:8px}.social-card__video-icon svg{width:12px;height:12px}.social-feed__cta{margin-top:24px}.social-feed__cta-button{width:100%;justify-content:center}.social-feed__platforms{gap:12px}.social-feed__platform-link{width:44px;height:44px}}@media(min-width:768px)and (max-width:1023px){.social-feed__grid{grid-template-columns:repeat(4,1fr);gap:12px}.social-card{border-radius:14px}}.social-feed--scrolling .social-feed__grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.social-feed--scrolling .social-card{flex:0 0 200px;scroll-snap-align:start}.social-feed--scrolling .social-card--featured{flex:0 0 400px}.social-feed--scrolling .social-feed__grid::-webkit-scrollbar{display:none}.social-feed--scrolling .social-feed__grid{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:767px){.social-feed--scrolling .social-card{flex:0 0 150px}.social-feed--scrolling .social-card--featured{flex:0 0 280px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-social-feed.css.map */