body {
   font-family: Arial, sans-serif;
   background-color: #f3f3f3;
   text-align: center;
   margin: 0;
   padding: 0;
}

.shop {
   margin: 20px;
}

h1 {
   margin-bottom: 20px;
}

.product {
   display: flex;
   justify-content: center;
   gap: 20px;
}

.card {
   background-color: #e0e0e0;
   border-radius: 10px;
   width: 200px;
   padding: 20px;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
   position: relative;
}

.card img {
   width: 100%;
   border-radius: 10px;
}

.price-container {
   background-color: rgb(201, 173, 48); 
   padding: 10px;
   border-radius: 5px; 
   display: flex;
   justify-content: center;
   align-items: center;
   width: 120px; /* Ista širina kao i dugme */
   height: 40px; /* Ista visina kao i dugme */
   margin-top: 12px;
   margin-bottom: 5px;
}

.price {
   font-size: 20px;
   color: #333;
   margin: 0;
   padding: 0;
   font-weight: bold; 
   text-align: center;
}

button {
   background-color: #d44;
   color: white;
   padding: 10px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   width: 120px; 
   height: 40px; 
   transition: transform 0.1s ease, box-shadow 0.1s ease;
}

button:hover {
   background-color: #b33;
}

button:active {
   transform: translateY(4px);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.discount {
   position: absolute;
   top: -15px;
   right: -15px;
  
   color: white;
   padding: 5px 10px;
   border-radius: 5px;
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: rotate(45deg); /* Rotacija za bolji vizualni efekt */
}

.discount-image {
   width: 50px;
   height: 50px;
   margin-left: 5px;
  
}