diff --git a/src/renderer/api/commands.ts b/src/renderer/api/commands.ts
index 2f74c53..ababb85 100644
--- a/src/renderer/api/commands.ts
+++ b/src/renderer/api/commands.ts
@@ -9,6 +9,7 @@ export interface PrankCommand {
   server_ids: string[]; // ["*"] или конкретные id
   targetDescription: string;
   globalDescription: string;
+  material: string;
 }
 
 export interface PrankServer {
diff --git a/src/renderer/pages/Shop.tsx b/src/renderer/pages/Shop.tsx
index 108c7b7..26b215c 100644
--- a/src/renderer/pages/Shop.tsx
+++ b/src/renderer/pages/Shop.tsx
@@ -597,6 +597,9 @@ export default function Shop() {
                 borderRadius: '999px',
                 background: GRADIENT,
               },
+              '&:focus': {
+                background: 'transparent',
+              },
             }}
           >
             {['Прокачка', 'Кейсы', 'Плащи', 'Предметы'].map((label) => (
@@ -619,6 +622,9 @@ export default function Shop() {
                     color: '#fff',
                     background: 'rgba(255,255,255,0.06)',
                   },
+                  '&:focus': {
+                    background: 'transparent',
+                  },
                   transition: 'all 0.18s ease',
                 }}
               />
@@ -986,7 +992,8 @@ export default function Shop() {
                 <Grid item xs={12} sm={6} md={4} lg={3} key={cmd.id}>
                   <Box
                     sx={{
-                      p: '1.4vw',
+                      width: '20vw',
+                      height: '100%',
                       borderRadius: '1.4vw',
                       background:
                         'radial-gradient(circle at 10% 10%, rgba(242,113,33,0.14), transparent 55%), rgba(10,10,20,0.88)',
@@ -995,50 +1002,96 @@ export default function Shop() {
                       backdropFilter: 'blur(14px)',
                       display: 'flex',
                       flexDirection: 'column',
-                      gap: '0.8vw',
+                      overflow: 'hidden',
+                      transition: 'transform 0.18s ease',
+                      '&:hover': {
+                        transform: 'scale(1.03)',
+                      },
                     }}
                   >
-                    <Typography
+                    {/* Картинка */}
+                    <Box
                       sx={{
-                        fontFamily: 'Benzin-Bold',
-                        fontSize: '1.1vw',
-                        background: GRADIENT,
-                        WebkitBackgroundClip: 'text',
-                        WebkitTextFillColor: 'transparent',
+                        height: '9vw',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        background: 'rgba(0,0,0,0.25)',
                       }}
                     >
-                      {cmd.name}
-                    </Typography>
+                      <Box
+                        component="img"
+                        src={`https://cdn.minecraft.popa-popa.ru/textures/${cmd.material?.toLowerCase()}.png`}
+                        alt={cmd.material}
+                        sx={{
+                          width: '6vw',
+                          height: '6vw',
+                          imageRendering: 'pixelated',
+                        }}
+                      />
+                    </Box>
 
-                    <Typography
-                      sx={{ color: 'rgba(255,255,255,0.75)', fontWeight: 700 }}
-                    >
-                      {cmd.description}
-                    </Typography>
-
-                    <Typography sx={{ fontWeight: 900 }}>
-                      Цена: {cmd.price} монет
-                    </Typography>
-
-                    <Button
-                      disableRipple
-                      onClick={() => {
-                        setSelectedPrank(cmd);
-                        setPrankTarget('');
-                        setPrankDialogOpen(true);
-                      }}
+                    {/* Контент */}
+                    <Box
                       sx={{
-                        mt: '0.6vw',
-                        borderRadius: '999px',
-                        fontFamily: 'Benzin-Bold',
-                        color: '#fff',
-                        background: GRADIENT,
-                        py: '0.6vw',
-                        '&:hover': { filter: 'brightness(1.05)' },
+                        p: '1vw',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '0.6vw',
+                        flexGrow: 1,
                       }}
                     >
-                      Выполнить
-                    </Button>
+                      <Typography
+                        sx={{
+                          fontFamily: 'Benzin-Bold',
+                          fontSize: '1.1vw',
+                          background: GRADIENT,
+                          WebkitBackgroundClip: 'text',
+                          WebkitTextFillColor: 'transparent',
+                        }}
+                      >
+                        {cmd.name}
+                      </Typography>
+
+                      <Typography
+                        sx={{
+                          color: 'rgba(255,255,255,0.75)',
+                          fontSize: '0.95vw',
+                          flexGrow: 1,
+                        }}
+                      >
+                        {cmd.description}
+                      </Typography>
+
+                      <Typography
+                        sx={{
+                          fontWeight: 900,
+                          fontSize: '1vw',
+                        }}
+                      >
+                        Цена: {cmd.price} монет
+                      </Typography>
+
+                      <Button
+                        disableRipple
+                        onClick={() => {
+                          setSelectedPrank(cmd);
+                          setPrankTarget('');
+                          setPrankDialogOpen(true);
+                        }}
+                        sx={{
+                          mt: '0.6vw',
+                          borderRadius: '999px',
+                          fontFamily: 'Benzin-Bold',
+                          color: '#fff',
+                          background: GRADIENT,
+                          py: '0.5vw',
+                          '&:hover': { filter: 'brightness(1.05)' },
+                        }}
+                      >
+                        Купить
+                      </Button>
+                    </Box>
                   </Box>
                 </Grid>
               ))}