.social-section{padding-top:48px;padding-bottom:46px}.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}
.social-links>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:148px;padding:18px 12px;color:#263e3d;text-decoration:none;background:transparent;border:0;border-radius:0}
.social-links>a .platform{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0;padding:0;border-radius:0;box-shadow:none;background:transparent;filter:grayscale(1);transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .3s,color .3s;color:#263e3d;object-fit:contain}
.social-links>a .platform.xhs{font:bold 19px Arial,sans-serif;letter-spacing:-1px}.social-links>a>span:last-child{font-size:15px;line-height:1.5;transition:transform .3s;letter-spacing:0}.social-links>a .tmall{background:transparent;color:#263e3d}
@media(hover:hover){.social-links>a:hover .platform{transform:translateY(-8px) scale(1.12);filter:grayscale(0)}.social-links>a:hover .xhs,.social-links>a:hover .tmall{color:#d51a27}.social-links>a:hover>span:last-child{transform:translateY(2px)}}
.social-links>a:focus-visible{outline:2px solid #263e3d;outline-offset:5px}.social-links>a:active .platform{transform:scale(.94)}
@media(max-width:600px){.social-section{padding-top:34px;padding-bottom:30px}.social-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:20px}.social-links>a{min-height:108px;padding:12px 2px;gap:14px}.social-links>a .platform{width:42px;height:42px}.social-links>a .platform.xhs{font-size:14px}.social-links>a>span:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){.social-links>a .platform,.social-links>a>span:last-child{transition:none}.social-links>a:hover .platform,.social-links>a:hover>span:last-child{transform:none}}

/* Use real brand artwork; reveal original fills on hover and keyboard focus. */
.social-links>a .platform{filter:grayscale(1) brightness(.45);width:64px;height:64px}
.social-links>a .platform.xhs{width:86px;height:64px}.social-links>a .platform.tmall{width:104px;height:64px}
.social-links>a:hover .platform,.social-links>a:focus-visible .platform{filter:none;transform:translateY(-7px) scale(1.1)}
.social-links>a:hover .douyin,.social-links>a:focus-visible .douyin{filter:drop-shadow(2px 1px 0 #fe2c55) drop-shadow(-2px -1px 0 #25f4ee)}
.social-links>a{gap:0;min-height:116px}
@media(max-width:600px){.social-links>a .platform{width:42px;height:42px}.social-links>a .platform.xhs{width:58px;height:44px}.social-links>a .platform.tmall{width:70px;height:44px}.social-links>a{min-height:88px}}
@media(prefers-reduced-motion:reduce){.social-links>a:hover .platform,.social-links>a:focus-visible .platform{transform:none}}

.social-links{grid-template-columns:repeat(5,minmax(0,1fr))}.social-links>a .platform.petsville-social{width:126px;height:64px;object-fit:contain}
@media(max-width:600px){.social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-links>a .platform.petsville-social{width:98px;height:44px}.social-links>a:nth-child(4){grid-column:1}.social-links>a{min-height:82px}}

.social-links>a .platform.petsville-social{mix-blend-mode:multiply}

/* Keep the white logo canvas neutral under multiply blending. */
.social-links>a .platform.petsville-social,.social-links>a:hover .platform.petsville-social,.social-links>a:focus-visible .platform.petsville-social{filter:none;mix-blend-mode:multiply;background:transparent;box-shadow:none}