/* Standalone social marks: recognisable logos, a little Sweetweet mischief, no tiles. */
.socials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;align-items:start;padding:7px 0 3px}
.socials .social{position:relative;min-width:0;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:0;background:none!important;border:0!important;border-radius:0;box-shadow:none!important;overflow:visible;text-align:center}
.socials .social .icon-well{position:relative;display:grid;place-items:center;flex-shrink:0;width:52px;height:51px;background:none!important;border:0!important;border-radius:0;box-shadow:none!important;rotate:0;transform:none;overflow:visible;animation:social-sugar-breathe 6s ease-in-out infinite;animation-delay:calc(var(--social-order,0)*-.9s)}
.socials .social:nth-child(2){--social-order:1}.socials .social:nth-child(3){--social-order:2}.socials .social:nth-child(4){--social-order:3}.socials .social:nth-child(5){--social-order:4}
.socials .icon-well .brand-icon{width:34px;height:34px;object-fit:contain;filter:none;position:relative;z-index:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.socials .tiktok .brand-icon{filter:drop-shadow(1px 1px 0 #f35b99) drop-shadow(-1px -1px 0 #eaffff)}
.socials .whatsapp .brand-icon{filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}
.socials .icon-well:before{content:'';position:absolute;right:0;top:3px;width:8px;height:8px;background:#fff3b3;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 37%);transform:rotate(11deg);pointer-events:none}
.socials .icon-well:after{content:'';position:absolute;left:1px;bottom:3px;width:4px;height:9px;background:#9b3469;border-radius:3px;transform:rotate(32deg);pointer-events:none;opacity:.7}
.socials .social:nth-child(even) .icon-well:before{right:auto;left:0;top:1px;background:#fff}
.socials .social:nth-child(even) .icon-well:after{left:auto;right:1px;bottom:4px;background:#f52e80;transform:rotate(-34deg)}
.socials .social:nth-child(3) .icon-well:after{background:#fff4b4}
.socials .social strong{font-size:12px!important;line-height:1.3;font-weight:750;color:#571b28;letter-spacing:-.3px;white-space:nowrap;text-shadow:none}
.socials .social:hover,.socials .social:hover .icon-well{transform:none;box-shadow:none!important}
.socials .social:hover .brand-icon,.socials .social:focus-visible .brand-icon{transform:translateY(-3px) rotate(-6deg)}
.socials .social:active .brand-icon{transform:scale(.93)}
@keyframes social-sugar-breathe{0%,100%{translate:0 0}50%{translate:0 -2px}}
.paused .socials .icon-well{animation-play-state:paused!important}
.high-contrast .socials .social{background:none!important}.high-contrast .socials .social strong{color:#111}.high-contrast .socials .icon-well:before,.high-contrast .socials .icon-well:after{display:none}
@media(max-width:750px){.socials{gap:4px;padding-top:3px}.socials .social{min-height:70px;gap:4px}.socials .social .icon-well{width:46px;height:47px}.socials .icon-well .brand-icon{width:31px;height:31px}.socials .icon-well:before{width:7px;height:7px;right:-1px;top:2px}.socials .icon-well:after{left:0;bottom:3px;width:3px;height:7px}}
@media(max-width:350px){.socials{gap:2px}.socials .social .icon-well{width:44px;height:45px}.socials .icon-well .brand-icon{width:29px;height:29px}.socials .social strong{letter-spacing:-.45px}}
.large-text .socials .social strong{font-size:16px!important}.large-text .socials{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(prefers-reduced-motion:reduce){.socials .social .icon-well{animation:none!important;translate:none}.socials .icon-well .brand-icon{transition:none}.socials .social:hover .brand-icon,.socials .social:focus-visible .brand-icon{transform:none}}
