some changes

src/components/home/CatalogSection.tsx

@@ -101,7 +101,7 @@ const CatalogSection = ({ catalog, onPosterPress, onPosterFocus }: CatalogSectio
         keyExtractor={(item) => `${item.id}-${item.type}`}
         horizontal
         showsHorizontalScrollIndicator={false}
-        contentContainerStyle={[styles.catalogList, { paddingRight: 16 - posterLayout.partialPosterWidth }]}
+        contentContainerStyle={StyleSheet.flatten([styles.catalogList, { paddingRight: 16 - posterLayout.partialPosterWidth }])}
         snapToInterval={POSTER_WIDTH + 8}
         decelerationRate="fast"
         snapToAlignment="start"
@@ -133,7 +133,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignItems: 'center',
-    paddingHorizontal: 16,
+    paddingHorizontal: 24,
     marginBottom: 16,
   },
   titleContainer: {
@@ -170,7 +170,7 @@ const styles = StyleSheet.create({
     marginRight: 4,
   },
   catalogList: {
-    paddingHorizontal: 16,
+    paddingHorizontal: 24,
     paddingVertical: Platform.isTV ? 12 : 0,
     overflow: 'visible',
   },

src/components/home/ContentItem.tsx

@@ -97,7 +97,7 @@ const ContentItem = React.memo(({ item, onPress, onFocusItem }: ContentItemProps
     if (Platform.isTV) {
       setIsFocused(true);
       Animated.spring(scaleAnim, {
-        toValue: 1.15,
+        toValue: 1.10,
         useNativeDriver: true,
         tension: 80,
         friction: 6,
@@ -124,6 +124,8 @@ const ContentItem = React.memo(({ item, onPress, onFocusItem }: ContentItemProps
   const animatedContainerStyle = {
     transform: [{ scale: scaleAnim }],
     zIndex: isFocused && Platform.isTV ? 10 : 1,
+    marginHorizontal: isFocused && Platform.isTV ? 8 : 0,
+    elevation: isFocused && Platform.isTV ? 20 : 6,
   };
 
   return (

src/components/home/ContinueWatchingSection.tsx

@@ -806,7 +806,7 @@ const styles = StyleSheet.create({
     opacity: 0.8,
   },
   wideList: {
-    paddingHorizontal: 16,
+    paddingHorizontal: 24,
     paddingBottom: 8,
     paddingTop: 4,
     paddingVertical: Platform.isTV ? 12 : 4,

src/components/home/ThisWeekSection.tsx

@@ -216,7 +216,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignItems: 'center',
-    paddingHorizontal: 16,
+    paddingHorizontal: 24,
     marginBottom: 16,
   },
   titleContainer: {
@@ -252,8 +252,8 @@ const styles = StyleSheet.create({
     marginRight: 4,
   },
   listContent: {
-    paddingLeft: 16,
-    paddingRight: 16,
+    paddingLeft: 24,
+    paddingRight: 24,
     paddingBottom: 8,
   },
   loadingContainer: {

src/screens/HomeScreen.tsx

@@ -721,7 +721,7 @@ const HomeScreen = () => {
           data={listData}
           renderItem={renderListItem}
           keyExtractor={item => item.key}
-          contentContainerStyle={StyleSheet.flatten([styles.scrollContent, { paddingTop: 0 }])}
+          contentContainerStyle={StyleSheet.flatten([styles.scrollContent, { paddingTop: 0, paddingHorizontal: 24 }])}
           showsVerticalScrollIndicator={false}
           ListFooterComponent={ListFooterComponent}
           estimatedItemSize={280}