.social-showcase{position:relative;width:100%;padding:100px 0 80px;background:#fff;overflow:hidden}.social-showcase-container{max-width:1400px;margin:0 auto;padding:0 5%;position:relative}.social-showcase-header{text-align:center;margin-bottom:80px;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards}.section-title{font-size:4rem;font-weight:900;margin-bottom:20px;text-transform:uppercase;letter-spacing:.02em;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.title-word{display:inline-block;color:#000;position:relative;opacity:0;transform:translateY(20px);animation:wordFadeIn .8s ease forwards;animation-delay:var(--word-delay, 0s);font-weight:900}.title-word:nth-child(1){--word-delay: .2s}.title-word:nth-child(2){--word-delay: .4s}.title-word:nth-child(3){--word-delay: .6s}.title-word.highlight{background:linear-gradient(45deg,#83b320,#2aa9d2,#6b0aff,#da00ab,#e6405c);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wordFadeIn .8s ease forwards,gradientShift 5s ease infinite;animation-delay:.4s,0s;font-weight:900}@keyframes wordFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-subtitle{font-size:1.2rem;color:#000000b3;max-width:600px;margin:0 auto;line-height:1.6;opacity:0;animation:fadeIn 1s ease .8s forwards}.social-collage{position:relative;margin-bottom:80px;max-width:1200px;margin-left:auto;margin-right:auto}.collage-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:15px;position:relative}.collage-item{position:relative;overflow:hidden;border-radius:20px;background:#f5f5f5;text-decoration:none;display:block;opacity:0;transform:translateY(30px) scale(.95);animation:collageItemIn .8s ease forwards;animation-delay:var(--item-delay, 0s);transition:transform .4s ease,box-shadow .4s ease;box-shadow:0 4px 15px #0000001a}.collage-item:nth-child(1){grid-column:1 / 3;grid-row:1 / 2;--item-delay: .1s}.collage-item:nth-child(2){grid-column:3 / 5;grid-row:1 / 2;--item-delay: .2s}.collage-item:nth-child(3){grid-column:1 / 2;grid-row:2 / 3;--item-delay: .3s}.collage-item:nth-child(4){grid-column:2 / 4;grid-row:2 / 3;--item-delay: .4s}.collage-item:nth-child(5){grid-column:4 / 5;grid-row:2 / 3;--item-delay: .5s}.collage-item:nth-child(n+6){display:none}@keyframes collageItemIn{to{opacity:1;transform:translateY(0) scale(1)}}.collage-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #00000026;z-index:10}.collage-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.collage-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.collage-item:hover .collage-image{transform:scale(1.08)}.collage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#000000b3);display:flex;align-items:flex-end;justify-content:flex-start;padding:20px;opacity:0;transition:opacity .4s ease}.collage-item:hover .collage-overlay{opacity:1}.overlay-content{transform:translateY(10px);opacity:0;transition:transform .4s ease,opacity .4s ease}.collage-item:hover .overlay-content{transform:translateY(0);opacity:1}.instagram-icon{width:32px;height:32px;color:#fff;margin-bottom:8px}.overlay-text{color:#fff;font-size:.85rem;font-weight:500;letter-spacing:.03em;display:block}.collage-border{display:none}.collage-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.deco-circle{position:absolute;border:1px solid rgba(0,0,0,.05);border-radius:50%;opacity:0;animation:fadeIn 1s ease 1.5s forwards}.circle-1{width:200px;height:200px;top:-50px;right:10%;animation:float 10s infinite alternate ease-in-out}.circle-2{width:150px;height:150px;bottom:-30px;left:5%;animation:float 12s infinite alternate-reverse ease-in-out}.deco-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);opacity:0;animation:fadeIn 1s ease 1.8s forwards}.line-1{width:200px;height:1px;top:50%;right:-100px;transform:rotate(-45deg)}.social-toolbar{background:#00000008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:30px;padding:20px 40px;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease 1.2s forwards;position:relative;overflow:hidden;max-width:fit-content;margin:0 auto}.social-toolbar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#83b3200d,#2aa9d20d,#6b0aff0d,#da00ab0d);opacity:0;transition:opacity .4s ease;z-index:0}.social-toolbar:hover:before{opacity:.5}.toolbar-container{display:flex;align-items:center;justify-content:center;gap:30px;position:relative;z-index:1}.toolbar-text{display:flex;align-items:center;gap:10px;color:#000}.connect-text{font-size:1.1rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#333}.arrow-icon{font-size:1.4rem;color:#333;opacity:.6;transition:transform .3s ease,opacity .3s ease}.social-toolbar:hover .arrow-icon{transform:translate(5px);opacity:1}.social-icons{display:flex;gap:20px;align-items:center}.social-icon{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000d;border:2px solid rgba(0,0,0,.1);color:#333;transition:all .3s ease;overflow:hidden}.social-icon svg{width:22px;height:22px;transition:transform .3s ease,color .3s ease;z-index:2;position:relative}.social-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease;z-index:1}.social-icon.instagram:before{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon.facebook:before{background:#1877f2}.social-icon.pinterest:before{background:#bd081c}.social-icon.tiktok:before{background:linear-gradient(45deg,#ff0050,#00f2ea)}.social-icon.youtube:before{background:red}.social-icon:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:transparent}.social-icon:hover:before{width:100%;height:100%}.social-icon:hover svg{transform:scale(1.1);color:#fff}.icon-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.social-icon:hover .icon-tooltip{opacity:1}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-20px) rotate(5deg)}}@media screen and (max-width: 1024px){.collage-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px}.collage-item:nth-child(1){grid-column:1 / 3;grid-row:1 / 2}.collage-item:nth-child(2){grid-column:3 / 4;grid-row:1 / 2}.collage-item:nth-child(3){grid-column:1 / 2;grid-row:2 / 3}.collage-item:nth-child(4){grid-column:2 / 4;grid-row:2 / 3}.collage-item:nth-child(5){grid-column:1 / 4;grid-row:3 / 4}}@media screen and (max-width: 768px){.social-showcase{padding:60px 0 40px}.social-showcase-header{margin-bottom:50px}.section-title{font-size:2.5rem;gap:10px}.section-subtitle{font-size:1rem}.collage-grid{grid-template-columns:1fr;grid-auto-rows:250px;gap:15px;max-width:400px;margin:0 auto}.collage-item{grid-column:1!important;grid-row:auto!important}.social-toolbar{padding:15px 20px;border-radius:20px}.toolbar-container{flex-direction:column;gap:20px}.toolbar-text{order:2}.social-icons{order:1}.connect-text{font-size:.9rem}.social-icon{width:42px;height:42px}.social-icon svg{width:20px;height:20px}.collage-decorations{display:none}}@media screen and (max-width: 480px){.section-title{font-size:2rem}.collage-grid{grid-auto-rows:220px;max-width:350px}.social-icons{gap:15px}.social-icon{width:40px;height:40px}.social-icon svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/social-showcase.css.map */